/* ------------------------------------------------------------

	Style Reset
				
--------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, strong, em, sub, sup, tt, var,
dl, dt, dd, ol, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white; 
}
ol, ul {
	list-style: none;
	margin:0; padding:0;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
strikethrough { text-decoration:line-through;}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}



/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {width:60px;}
.container_12 .grid_2 {width:140px;}
.container_12 .grid_3 {width:220px;}
.container_12 .grid_4 {width:300px;}
.container_12 .grid_5 {width:380px;}
.container_12 .grid_6 {width:460px;}
.container_12 .grid_7 {width:540px;}
.container_12 .grid_8 {width:620px;}
.container_12 .grid_9 {width:700px;}
.container_12 .grid_10 {width:780px;}
.container_12 .grid_11 {width:860px;}
.container_12 .grid_12 {width:940px;}


/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 29, 2011 */



@font-face {
    font-family: 'ColaborateBoldRegular';
    src: url('../fonts/colabbol-webfont.eot');
    src: url('../fonts/colabbol-webfont.eot?iefix') format('eot'),
         url('../fonts/colabbol-webfont.woff') format('woff'),
         url('../fonts/colabbol-webfont.ttf') format('truetype'),
         url('../fonts/colabbol-webfont.svg#webfontBLUXa6yZ') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateLightRegular';
    src: url('../fonts/colablig-webfont.eot');
    src: url('../fonts/colablig-webfont.eot?iefix') format('eot'),
         url('../fonts/colablig-webfont.woff') format('woff'),
         url('../fonts/colablig-webfont.ttf') format('truetype'),
         url('../fonts/colablig-webfont.svg#webfontZaa3RSfZ') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateMediumRegular';
    src: url('../fonts/colabmed-webfont.eot');
    src: url('../fonts/colabmed-webfont.eot?iefix') format('eot'),
         url('../fonts/colabmed-webfont.woff') format('woff'),
         url('../fonts/colabmed-webfont.ttf') format('truetype'),
         url('../fonts/colabmed-webfont.svg#webfontc9BXEDX5') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateRegular';
    src: url('../fonts/colabreg-webfont.eot');
    src: url('../fonts/colabreg-webfont.eot?iefix') format('eot'),
         url('../fonts/colabreg-webfont.woff') format('woff'),
         url('../fonts/colabreg-webfont.ttf') format('truetype'),
         url('../fonts/colabreg-webfont.svg#webfontFrSlM1zp') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateThinRegular';
    src: url('../fonts/colabthi-webfont.eot');
    src: url('../fonts/colabthi-webfont.eot?iefix') format('eot'),
         url('../fonts/colabthi-webfont.woff') format('woff'),
         url('../fonts/colabthi-webfont.ttf') format('truetype'),
         url('../fonts/colabthi-webfont.svg#webfontfv0JxVKJ') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* -------------------------------------------------------------------------------------------------

		Page Styling Start

----------------------------------------------------------------------------------------------------*/

body {background: #000 url(../images/background.gif) repeat left top; font-family: Arial, Helvetica, sans-serif; color: #fff;}

.clear {clear: both;}

p {margin: 15px 0;}
strong {font-weight: bold;}

h3 {font-family: 'ColaborateThinRegular'; font-size: 25px; border-bottom: 1px dashed #fff; padding-bottom: 5px;}

div#top-panel {background: white; height: 534px;}
div.overlay {width: 100%; height: 534px; background: url(../images/top-overlay.png) no-repeat center top; position: absolute; top: 0;}

div.logo {margin-top: 80px; z-index: 100;}
h1 {background: url(../images/rachels-russian-hair-logo.png) no-repeat left top; text-indent: -999px; width: 494px; height: 149px;}
h2 {font-family: 'ColaborateThinRegular'; font-size: 41px; color: #22211f; margin-bottom: 10px;}
div.logo span {color: #a29061;font-family: 'ColaborateThinRegular'; font-size: 55px;}
div.logo span a {color: #a29061; text-decoration: none; border-bottom: 3px dashed #a29061;}
div.logo span a:hover {color:#22211f;}


/*div#slider {width: 618px; height: 534px; float: right; margin-top: -381px;}*/

div#slider {width: 618px; height: 534px;position: absolute; top: 0; left: 330px;}

div#middle-panel {background: url(../images/nav-background.gif) repeat-x left top;}

div.pagenav {margin-left: -10px; margin-right: 0;width: 730px!important;}
div.pagenav ul li {margin-right: 6px; float: left;}
div.pagenav ul li.nomargin {margin-right: 0;}
div.pagenav ul li a {text-decoration: none;font-family: 'ColaborateLightRegular'; font-size: 17px; float: left; padding: 25px 0px 24px 0; /*padding: 30px 0px;*/ width: 116px; color: #fff; text-align: center;}

div.pagenav ul li a:hover, div.pagenav ul li a#onlink {background: url(../images/nav-overlay.gif) repeat-x left top;color: #22211f;}

div.basket ul {margin-top: 15px;}
div.basket ul li.contactnumber {font-family: 'ColaborateRegular'; font-size: 27px; line-height: 20px; background: url(../images/phoneicon.png) no-repeat 0 10px; padding-left: 35px; margin-bottom: 12px;}
div.basket ul li.contactnumber span {font-size: 18px;font-family: 'ColaborateThinRegular';}

div.basket ul {background: url(../images/basket-bg.png) no-repeat left bottom; padding: 0 8px 9px 8px;}
div.basket ul li.basket {line-height: 16px;}
div.basket ul li.basket a {font-family: 'ColaborateThinRegular'; font-size: 22px; text-decoration: none; color: white;}
div.basket ul li.basket span, div.basket ul li.basket span a {font-size: 13px;}
div.basket ul li.basket img {float: left; margin-right: 7px;}
div.basket ul li.basket a:hover {text-decoration: underline;}

div.pagecopy p {color: white;font-family: 'ColaborateThinRegular'; font-size: 25px; text-align: left; line-height: 35px; margin: 30px 0;}

div#bottom-panel {background: url(../images/bottom-panel.gif) repeat left top; padding: 0 0 20px 0; border-top: 1px solid white;}
div#bottom-panel h4 {font-family: 'ColaborateThinRegular'; font-size: 25px; background: url(../images/h4-title-bg.gif) repeat-x left bottom; padding-bottom: 10px;}

div.contactpanel p {font-size: 16px; line-height: 16px; margin-bottom: 25px; float:left; text-align: justify; width: 620px;}
div.contactpanel img {float: right; margin-right: 15px;}
div.contactpanel div {float: left; width: 340px;}

form {margin-top: 15px;}
form p {margin: 0 0 3px 0; float: left;}
form.productbasket p { float: none; }
form.checkoutform p, form.checkoutform label, form.checkoutform input, form.checkoutform textarea { float: none; }
form.checkoutform p.helptext { width: auto; }

form.checkoutform p { font-size: 1em; line-height: normal; }

form.checkoutform label { padding-top: 10px; }

form.productbasket button.addtocart { margin-left: 0px; }

form.deliveryandpayment p, form.deliveryandpayment label, form.deliveryandpayment input, form.deliveryandpayment textarea { float: none; }
form.deliveryandpayment input { width: auto;  position: relative; top: 3px; }
form.deliveryandpayment label { width: auto; margin-bottom: 15px; }

form label {font-size: 13px; float: left; width: 100px;}
form input, form textarea {float: left; width: 195px; padding: 4px 2px; border: none;}
input#submit {width: 100px;}

div.testimonialspanel {background: url(../images/testimonials-bg.png) repeat left top; margin: 40px 0 20px 0;}
ul#header_img2 {float: left;}
div.quote { padding: 10px; float:left; width: 280px; margin-bottom: 20px;}
div.quote p {font-family: 'ColaborateThinRegular';color: #fff; font-style: italic; line-height: 1.4em; margin: 5px 0; text-align: justify;}

img.quoteicon {margin-right: 10px;}
img.quoteicontwo {margin: -3px 0 0 5px;}

div.name {font-family: 'ColaborateThinRegular';color: #fff; font-weight: normal;float:left;}
div.name strong {float:left; padding-top: 5px;}

div.footerlogos {margin-top: 15px;}

div.credits {float:right;}
div.credits p {font-size: 12px; color: #fff; margin-top: 25px;}
div.credits p a {color: #fff; text-decoration: none;}
div.credits p a:hover {text-decoration: underline;}

/* ------------- FAQ Page ------------- */

div.faqpage p {font-size: 15px; line-height: 22px;}
div.faqpage p a {text-decoration: none; color: white;}
div.faqpage p a:hover {text-decoration: underline;}

/* ------------- Testimonial Page ------------- */

.testimonial {margin-top: 15px; padding: 10px; background: #212121; border-top: 1px solid #000;border-left: 1px solid #000;}
.testimonials p {font-size: 14px; line-height: 20px;}
p.testimonial-name strong {font-weight: normal;}
div.testimonials p em {font-style: italic;}
p.testimonial-name {margin-left: 30px; padding-top: 16px; padding-left: 15px; background: url(../images/testimonial-arrow.png) no-repeat 0 0; margin-top: 0;}

/* ------------- Contact Us Page ------------- */

iframe {margin: 20px 0;}
div.contactus-info {margin-top: 50px;}
div.contactus-info p {font-size: 15px; line-height: 20px; text-align: center;}

/* ------------- Buy Online Page ------------- */

div.buyonlinepage p {color: white;font-family: 'ColaborateThinRegular'; font-size: 25px; text-align: left; line-height: 35px; margin: 10px 0;}
div#slidertwo {margin: 15px 0; float: right;}

/* ------------- Re Weft Page ------------- */

div.reweft {margin: 15px 0; text-align: right;}