@charset "utf-8";
/* CSS Document */

/* reset all styles first */

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, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
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 {
	
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* 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: "" "";
}


/* finish the reset - now define the styles */

html, body {
		height: 100%;
		background-color: #a0a0a0;
}

body {
	font-size: 12px;
	font-family:Tahoma, Geneva, sans-serif;
	margin: 0 auto;
	text-align:center;
	min-height:101%;
	background-color: #a0a0a0;
	background-image: url(../images/bggrad.png);
	background-repeat: repeat-x;
	background-position: top center;
}


a:link {
	color: #FFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFF;
}
a:hover {
	color: #FFF;
	text-decoration:underline;
}
a:active {
	text-decoration: none;
	color: #FFF;
}



a.body_link:link {
	color: #d881d3;
	text-decoration: none;
	font-weight:bold;
}
a.body_link:visited {
	text-decoration: none;
	color: #d881d3;
	font-weight:bold;
}
a.body_link:hover {
	text-decoration: underline;
	color: #d881d3;
	font-weight:bold;
}
a.body_link:active {
	text-decoration: none;
	color: #d881d3;
	font-weight:bold;
}

#centrecontent {
	height: 100%;
	min-height: 100%;
}

#outercontainer {
	width: 1020px;
	background: url(../images/white_bg_rpt.png) repeat-y center;
	margin: 0 auto;
	min-height: 100%;
}

strong {
	font-weight:bold;
}


#innercontainer {
	height: 100%;
	height:auto;
	min-height:100%;
	margin: 0 auto;
}

#headerwrapper {
	height: 110px;
	width: 950px;
	margin: 0 auto;
	text-align:left;
}

#headerlogo {
	width: 292px;
	height:100px;
	font-size: 1em;
	position:relative;
	float:left;

}

#splashlogo {
	width: 292px;
	height:100px;
	font-size: 1em;
	position:relative;
	float:left;

}


.cg-logo-hold {
	width: 292px;
	height: 60px;
	font-size: 1em;
	position:relative;
	float:left;
	padding-top: 37px;

}
#headerlogo span {
	background:url(../images/glass_co_logo_home.png) no-repeat;
	height: 100px;
	width: 500px;
	position:absolute;

}


#splashlogo span {
	background:url(../images/colourglazelogo-glass-co.png) no-repeat;
	height: 100px;
	width: 500px;
	position:absolute;

}

#phonenos {
	width: 230px;
	float:right;
	position:relative;
	text-align:right;
	padding-top: 30px;
	}

#phonenos h2 a {
	color: #9f9f9f;
	text-decoration: none;
}


#phonenos h2 a:hover {
	color: #d881d3;
	text-decoration: underline;
}


#mainfeature {
	background:url(../images/feature_header_alt.jpg) no-repeat center top;
	width: 950px;
	height:290px;
	margin: 0 auto;
	padding-bottom:15px;
	position: relative;
}

#mainfeature_thanks {
	background:url(../images/thanks.jpg) no-repeat center top;
	width: 950px;
	height:290px;
	margin: 0 auto;
	padding-bottom:15px;
}

/* -------------------------------------------------------- navigation styles ------------------------------------------------------------------------------------ */



#nav-hold {
	margin: 0 auto;
	width: 950px;
	position: relative;
	height: 65px;

}

.nav-bt-line {
	height: 5px;
	border-bottom: 2px solid #adadad;
	background-color: #a39e89;
}

.nav {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 950px;

}

.nav li {
	float: left;
	background:url(../images/menu-bg.png) repeat-x top center;
	height:60px;
	line-height: 60px;

}

.nav li a {
	color: #87898e;
	text-decoration: none;
}

.nav li.current {
	background:url(../images/menu_current_bg.png) repeat-x top center;	
}


.nav li.current:hover {
	background:url(../images/menu_current_bg.png) repeat-x top center;	
}
.nav li.current a {
	color: #fff;
	text-shadow: 1px 1px 0px #87898e;
}

.nav li.first {
	background:url(../images/menu-bg-left.png) no-repeat top left;

}


.nav li.first-current {
	background:url(../images/menu-bg-left.png) no-repeat 0px -120px;
	color: #fff;
	text-shadow: 1px 1px 0px #87898e;

}


.nav li.first-current a {
	color: #fff;
	text-shadow: 1px 1px 0px #87898e;
}

.nav li.first-current:hover {
	background:url(../images/menu-bg-left.png) no-repeat 0px -120px;

}

.nav li.last {
	background:url(../images/menu-bg-right.png) no-repeat right 0px;
}

.nav li.last-current {
	background:url(../images/menu-bg-right.png) no-repeat right -120px;
	
}

.nav li.last-current a {
	color: #fff;
	text-shadow: 1px 1px 0px #87898e;
}

.nav li.last-current:hover {
	background:url(../images/menu-bg-right.png) no-repeat 0px -120px;
}

.first a {
		width: 98px;
}

.last a {
		width: 142px;
}


.first-current a {
		width: 98px;
}

.last-current a {
		width: 142px;
}

.gs a {
	width: 142px;
}

.au a {
	width: 142px;
}

.te a {
	width: 142px;
}

.sp a {
	width: 142px;
}

.sh a {
	width : 142px;
}
	

.nav li a {
	display: block;
	text-align:center;
	background:url(../images/menu_divider.png) repeat-y top right;
	text-shadow: 1px 1px 0px #ffffff;

}




.nav li:hover {	
	background:url(../images/menu-bg.png) repeat-x bottom center;	

}

.nav li:hover a {
	color: #fff;
	text-shadow: 1px 1px 0px #87898e;

}

.nav li.first:hover {
	background:url(../images/menu-bg-left.png) no-repeat 0px -60px;

}

.nav li.last:hover {
	background:url(../images/menu-bg-right.png) no-repeat right -60px;
}

.nav li.last a {
	background: none;
}

.nav li.last-current a {
	background: none;
}


/* -----------------------------------------------------------------------  END NAVIGATION STYLES -------------------------------------------------------------- */



#page_body {
	width: 950px;
	margin: 0.5em auto;
	text-align:left;
	line-height: 1.2em;
	padding-top: 25px;
}

#page_body_main_upper {
	width: 690px;
	float:left;
}

#page-body-full-width {
	width: 950px;
}

.body-title {
	height: 25px;
	line-height: 25px;
}




#about_title {
	width: 84px;
	height: 28px;
	position:relative;
}

#about_title span {
	position:absolute;
	width: 100%;
	height: 100%;
	background-image:url(images/about_title.png);
	background-repeat:no-repeat;
}

#glassshop {
	width: 290px;
	height: 28px;
	position:relative;
}

#glassshop span {
	position:absolute;
	width: 100%;
	height: 100%;
	background-image:url(../images/shop_title.png);
	background-repeat:no-repeat;
}


#splashbacks {
	width: 350px;
	height: 28px;
	position:relative;
}

#splashbacks span {
	position:absolute;
	width: 100%;
	height: 100%;
	background-image:url(../images/splashbacks_title.png);
	background-repeat:no-repeat;
}

#splashbacks_img {
	width: 180px;
	height: 28px;
	position:relative;
	
	}
	
#splashbacks_img span {
	position:absolute;
	width: 100%;
	height: 100%;
	background-image:url(../images/splashback_img_title.png);
	background-repeat:no-repeat;
}	
	

#main_body_copy  {
	padding: 1em 0;

}

#main_body_copy p {
		line-height: 28px;
}

#page_body_right_feature {
	float:right;
	padding-left: 10px;
}

#main_body_lower {
	float:left;
	width: 690px;
	margin-top: 0.5em;
}

#recent_work {
	width: 115px;
	height: 28px;
	position:relative;
}

#recent_work span {
	position:absolute;
	width: 100%;
	height: 100%;
	background-image:url(../images/recent_work.png);
	background-repeat:no-repeat;
}

#clients_title {
	width: 115px;
	height: 21px;
	position:relative;
}

#clients_title span {
	position:absolute;
	width: 100%;
	height: 100%;
	background-image:url(../images/clients_title.png);
	background-repeat:no-repeat;
}



.recent_work_imgs {
	width: 230px;
	float:left;
	padding: 15px 0 5px 0;
}

#right_feat_services {
	text-align:left;

}



#services_title {
	height: 25px;
	line-height: 25px;


}

.aside-title {
		height: 25px;
	line-height: 25px;
}

.aside-content {
	padding-top: 1em; 
}


#right_feat_services ul {
	padding: 0;
	margin: 0;
	list-style-type:none;
}

#right_feat_services ul li {
	padding-left: 2em;
	line-height: 1.9em;
	background:url(../images/services-li-bg.png) no-repeat 0 50%;
}


#footer {
	width: 950px;
	margin: 1.1em auto 1.5em auto;
	padding-bottom: 30px;

}

#footer_links_hold {
	width: 950px;
	margin: 0 auto;
	font-size: 11px;
	color: #fff;
	height: 25px;
	padding: 8px 0px;
	background-color: #86a8a4;
	line-height: 25px;
}

.footer_link {
	width: 135px;
	float:left;
	background:url(../images/footer-divider.png) no-repeat right 50%;
}

.footer-last {
	background: none;
}

#address_bar {
	padding-top: 20px;
	font-size: 14px;
}


.clr {
	clear:both;
}

.container:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}


#contact_title {
	width: 115px;
	height: 28px;
	position:relative;
}

#contact_title span {
	position:absolute;
	width: 100%;
	height: 100%;
	background-image:url(../images/contact_title.png);
	background-repeat:no-repeat;
}

#contactdivider {
	margin-bottom: 1em;
}

#contactform {
	width: 690px;
	min-height: 431px;
	padding-top: 1em;
	
	}


.contact-form input, .contact-form textarea { 
	padding: 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 13px/100% Tahoma, Geneva, sans-serif #999; 
	width: 250px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;	
     -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
          border-radius: 5px;
		  margin-bottom: 10px;
          
          
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 

	}

.contact-form textarea { 
	width: 400px;
	max-width: 400px;
	height: 150px;
	line-height: 150%;
	}

.contact-form input:hover, .contact-form textarea:hover,
.contact-form input:focus, .contact-form textarea:focus { 
	border-color: #C9C9C9; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}

.contact-form .input_label { 

	font-family: "RaspoutineClassicItalic";
	font-style:italic;
	font-size: 16px;
	color: #d881d3;
	line-height: 22px;
	height: 22px;
	margin-bottom: 10px;
	font-weight: bold;

	}

.contact-form .submit_btn {
	width: auto;
	padding: 8px 18px;
	background: #d881d3;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
	}
	
.contact-form .submit_btn:hover {
	background: #f4a6f0;

	}
		
	
	
#gallery_hold {
	width: 950px;
	height: 530px;
	padding-bottom: 10px;
	text-align:center;
	position:relative;
	top: -10px;

}


.z2 {
	z-index: -50;
}

dl {
	padding-top: 5px;
	padding-bottom:5px;
}

dl dt {
	padding-left: 2em;
	line-height: 1.9em;
	background:url(../images/services-li-bg.png) no-repeat 0 50%;
	font-weight:bold;
}

dl dd {
	padding-left: 2em;
	line-height: 1.9em;
}

#message {
	resize: horizontal;
	max-width: 650px;

}


h2 {
	font-family: "RaspoutineClassicItalic";
	font-size: 24px;
	font-style:italic;
	color: #9f9f9f;
}


h3 {
	font-family: "RaspoutineClassicItalic";
	font-size: 20px;
	font-style:italic;
	color: #9f9f9f;
	padding-bottom: 6px;
}


/* --------------------------------------------------------- HERO SLIDER STYLES -------------------------------------------- */



#hero-wrapper {
	width: 950px;
	height: 309px;
	background:url(../images/fs-cont-bg.jpg) no-repeat top center;
	margin: 0 auto;
	text-align:center;
	position:relative;
	top: 15px;

}

#hero-shop {
	width: 950px;
	height: 246px;
	margin: 0 auto;
	position:relative;
	top: 15px;
}

#hero-slider {
	position: relative;
	top: 6px;
	left: 6px;
}


#hero-slider-no-ss {
	position: relative;
	top: 6px;
}



#hs-nav {
	position:absolute;
	top: 235px;
	left: 15px;
	z-index: 3000;

}


#hs-nav li {
	float: left;
	height: 30px;
	width: 30px;
	background:url(../images/hs-nav-bg.png) no-repeat center center;
	cursor: pointer;
	position:relative;
}

#hs-nav li.activeSlide {
	float: left;
	height: 30px;
	width: 30px;
	background:url(../images/hs-nav-bg-active.png) no-repeat center center;
	
}

#hs-nav li a {
	display:block;
	color: #fff;
}

.slide-info {
	position:absolute;
	right: 2px;
	top: 210px;
	z-index: 1000;
	color: #fff;
	background:url(../images/headline_bg.png) repeat-x top center;
	min-width: 200px;
	padding: 0 30px;
	text-align: center;
	height: 68px;
	line-height: 68px;
	
}


.slide-info-no-ss  {
	right: 9px;	
}

.slide-info h3 {
	font-family: "RaspoutineClassicItalic";
	font-size: 18px;
	font-style:italic;
	color: #fff;
}

#hs-prev-btn {
	position:absolute;
	left: 15px;
	top: 140px;
	height: 32px;
	width: 32px;
	background:url(../images/hs-prev.png) no-repeat center center;
	text-indent: -10000px;
	z-index: 2000;
	cursor: pointer;
}


#hs-next-btn {
	position:absolute;
	right: 15px;
	top: 140px;
	height: 32px;
	width: 32px;
	background:url(../images/hs-next.png) no-repeat center center;
	text-indent: -10000px;
	z-index: 2000;
	cursor: pointer;
}

.umsg {
	color:#fff;
	position:absolute;
	left: 27px;
	top: 280px;
	z-index: 3000;
	font-size: 10px;
	text-transform:uppercase;
	font: Tahoma, Geneva, sans-serif;
	padding: 2px 7px;
	background-color:#000;
}


.feature-img {
	padding-right: 15px;
	float:left;
	
}

.pb-xl {
	padding-bottom: 40px;
}

.pbl {
	padding-bottom: 30px;
}

.pbm {
	padding-bottom: 15px;
}

.full-width-divider {
	height: 20px;
	width: 950px;
	margin: 15px auto 0;


}


#mainfeature_thanks {
	background:url(../images/thanks.jpg) no-repeat center top;
	width: 950px;
	height:309px;
	margin: 0 auto;
	padding-bottom:15px;
}




/* --------------------------------- ALERT / OVERLAY STYLES ------------------------------------------------------------*/

s

blockquote {
	font-family: "RaspoutineClassicItalic";
	font-size: 16px;
	font-style:italic;
	color: #9f9f9f;
	padding: 10px 0;
	line-height: 22px;
}


.bq-name {
	font-family: "RaspoutineDemiBoldItalic";
	font-size: 16px;
	font-style:italic;
	color: #d881d3;
	padding: 10px 0;
}

.slides li {
	display:none;
}
/* --------------------------------- END ALERT / OVERLAY STYLES ------------------------------------------------------------*/


/* =================================================================== shop styles =============================================================== */

.ecom-outer {
	background-color: #f9f9f9;
	border: 1px solid #E0DEDE;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	width: 950px;
	height: 650px;
	overflow: hidden; 
	position:relative;
	text-align: center;



}


.ecom-header {
	background-color: #f4f3f3;
	padding: 0px 5px;
	border-bottom: 1px solid #fff;
	margin: 15px 5px 0px;
	border-top: 1px solid #E6E5E5;
	height: 60px;
	text-align: left;
	text-indent: 5px;
	line-height: 60px;
}

.gc-title {
	color:#d881d3;
	font-size: 20px;
	font-family:"RaspoutineClassicItalic";
	font-style:italic;

}

.width-section-outer .gc-title, .height-section-outer .gc-title {
	color: #a9a8a8;
}


.ecom-header h3 {
		display: inline-block;

	}

.ecom-cg-logo {
	float:right;
	height: 60px;
}

#ecom-container {
	width: 950px;
	overflow:hidden;
}

.ecom-inner {
	width: 3800px;
	overflow:hidden;

}

.ecom-stage {
	width: 950px;
	float:left;
}

.width-section-outer {
	width: 170px;
	float:left;
	margin: 10px 10px 0px 10px;
	
}

	

.width-title {
	height: 30px;
	width: 168px;
	margin: 15px 0px;

}


.width-section {
	width: 168px;
	height: 220px;
	background-color: #ebe9e9;
	border: 1px solid #dddddd;
	display: table-cell;
	vertical-align:middle;
	position:relative;
	
}


.width-section-chosen .width-section, .height-section-chosen .height-section {
	background:url(../images/item-complete.png) #ebe9e9 no-repeat 5px 5px;
}

.width-section-chosen .gc-title, .height-section-chosen .gc-title {
	color: #d881d3;
}

.width-section-chosen .width-radio, .height-section-chosen .height-radio {
	border: 1px solid #d881d3!important;
}

.width-section-chosen img, .height-section-chosen img {
	border: 1px solid #d881d3!important;
}

.width-section img, .height-section img {
	border: 1px solid #DDDDDD;
}

.width-radio {
	
	width: 168px;
	height: 30px;
	border: 1px solid #dddddd;
	margin: 20px 0px;
	vertical-align:middle;
	padding-top: 10px;
	text-align:center;
	
}



.height-section-outer {
	width: 296px;
	float:left;
	margin: 10px 10px 0px 10px;
}

.height-title {
	height: 30px;
	width: 294px;
	margin: 15px 0px;

}


.height-section {
	width: 294px;
	height: 220px;
	background-color: #ebe9e9;
	border: 1px solid #dddddd;
	display: table-cell;
	vertical-align:middle;
	
}

.height-radio {
	
	width: 294px;
	height: 30px;
	border: 1px solid #dddddd;
	margin: 20px 0px;
	vertical-align:middle;
	padding-top: 6px;

	
}

.hgt-radio {
	float:left;
	margin-left: 10px;
}

.hgt-txt-field {
	width: 185px;
	border: 1px solid #dddddd;
	height: 20px;
}

.colour-section-outer {
	width: 215px;
	float:left;
	margin: 10px 10px 0px 10px;
}


.colour-section {
	width: 215px;
	height: 250px;
	display: table-cell;
	vertical-align:middle;
	
}

.colour-table {
	border-spacing: 3px;

}

.colour-table tr td {
	padding: 5px 2px;
	vertical-align:middle;
	
}



.colour-table img {
	border: 1px solid #d8d7d7;
}

.colour-selected {
	border: 1px solid #d881d3;

}

.stage-4-inner {
	width: 920px;
	margin: 0 auto;
	position:relative;
}

.sb-details {

	text-align:left;
	width: 940px;
	margin: 20px auto 0px;
	
}


.sb-colour-output-wrap {
	float:left;
	border: 1px solid #a9a9a9;
	padding: 5px;
	text-align:center;
}

.sb-colour-output {
	width: 250px;
	height: 270px;
	border: 1px solid #a9a9a9;
	background:url(../images/height-arrow.png) no-repeat 5px 50% #ffcb00;
	position:relative;

}

.width-arrow {
	position:absolute;
	top: 5px;
	width: 250px;
	text-align: center;
}

.width-arrow label {
	position:relative;
}


.sb-colour-height-def {
position: absolute;
top: 50%;
left: 20px;
}

.sb-colour-output label {
	color:#000;
	font-size: 13px;
}


.sb-output-summary {

	margin-left: 285px;
	margin-right: 40px;
	
}


.sb-output-summary div {
	display:block;
	line-height: 30px;
}

.sb-output-summary h3 {
	color: #a9a8a8;
	font-family:"RaspoutineClassicItalic";
	font-style:italic;
	font-size: 18px;
	display:inline-block;
	

}

.sb-output-summary label {
	
	color: #838181;
	font-family:"RaspoutineClassicItalic";
	font-style:italic;
	font-size: 18px;
	display:inline-block;
	padding-left: 10px;
	
}

.product-colour {
	text-transform:uppercase;
}


.sb-output-value {
	
	font-family:"RaspoutineDemiBoldItalic";
	font-style:italic;
	font-size: 18px;
	display:inline-block;
	font-weight: bolder;
	color: #838181;
	padding: 5px 0px;
}

.vat-incl {
	margin-left: 15px;
}
	
.add-cart-btn {
	float:right;
	margin-right: 20px;
	padding: 10px 25px;
	position:relative;
	top: 10px;
	background-color: #da82d5;
	color: #fff;
	font-size:18px;
	font-family:"RaspoutineClassicItalic";
	font-style:italic;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	min-width: 100px;
}



.adhesive-choice {
	color: #86a8a4;
	font-weight: bold;
	text-align:left;
	text-indent: 5px;
}

.cart-title {
	text-align:left;
	margin: 10px 5px;
}

.pbm {
	padding-bottom: 15px;
}

.sale-detail p {
	font-size: 12px;
	line-height: 32px;
}

.tt {
	text-transform:uppercase;
	font-weight: bold;
}



.ecom-nav {
	height: 65px;
	background-color:#f0eeee;
	position:absolute;
	bottom: 5px;
	margin: 0px 5px;
	width: 940px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.ecom-nav ul {
	width: 940px;
	margin: 0 20px;
}

.ecom-nav ul li {
	width: 205px;
	float:left;
	background-color: #EAE8E8;
	border-left: 1px solid #d8d7d7;
	border-right: 1px solid #d8d7d7;
	margin: 0px 10px;
	font-family:"RaspoutineClassicItalic";
	font-style:italic;
	font-size: 16px;
	
}

.ecom-nav ul li.current a {
	background-color: #d7d7d7;
	font-family: 'RaspoutineDemiBoldItalic';
	color: #838181;


}

	
	
.ecom-nav ul li a {
	display:block;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	width: 203px;
	height: 65px;
	line-height: 65px;
	text-decoration:none;
	color: #bab8b8;

}

.selected-width img {
	border: 1px solid #d881d3;
}

.section-complete a {
	background: url(../images/nav-complete.png) no-repeat 10px 10px;
}

.section-info {
	float:left;
	margin-left: 10px;
	font-size:15px;
	text-align:left;
	line-height: 22px;
	width: 500px;
	color: #B7B4B4;
	position:relative;
	top: -40px;
}

.section-info label {
	color: #494848;
}

.colour-val-vis {
	width: 200px;
	height: 20px;
	background-color: #f9f9f9;
	display:inline;
	padding: 2px 10px;
	text-transform:uppercase;
	color: #fff;
	
	
	
	
	
}


.breadcrumb {
	height: 30px;
	line-height: 30px;
	margin-bottom: 10px;
	margin-top: 15px;
}


.bc-step-title {
	float:left;
	width: 25%;
	text-align:left;
	background:url(../images/chevron-incomplete.jpg) no-repeat 90% 50%;
	color: #dfdede;

}

.bc-step-title h3 a {
	font-family:"RaspoutineClassicItalic";
	font-size: 16px;
	color: #dfdede;
	}


.bc-step-last {
	background: none;

}


.bc-step-complete {
	background:url(../images/chevron-complete.jpg) no-repeat 90% 50%;

}

.bc-step-complete h3 a {
	color: #d881d3;
}


/* alert styles ================================================================================ */

.overlay{
    background: url(../images/overlay.png) repeat top left;
    position: fixed; 
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:700;

}



.message{
    position:fixed;
    top:-200px;
    left:30%;
    right:30%;
    background: url(../images/caution.png) no-repeat top left #FFEFEF;
    color:#7F7F7F;
    padding:20px;
    border:2px solid #ccc;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-box-shadow: 0 1px 5px #333;
    -webkit-box-shadow: 0 1px 5px #333;
    z-index:800;
}
a.message-close{
    float:right;
    width:26px;
    height:26px;
    background:transparent url(../images/close.png) no-repeat top left;
    margin-top:-30px;
    margin-right:-30px;
    cursor:pointer;
}

.message h3{

    margin:-20px -20px 0;
    padding:10px 50px 10px;
    color:#EF7777;
    -moz-border-radius:5px 5px 0px 0px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
}

.message span {
	margin-left: 30px;
}

#product-title {
	display:none;
}



.override .googlecart-widget-title {
    color: #000000!important;
}

div.googlecart-add-button {
	margin-right: 20px;
	padding: 10px 25px;
	position:relative;
	top: -30px;
	float:right;
}

.override #googlecart-widget-head {
    background-color: #97cce8;
	padding: 8px 0;

  }
  
.override #googlecart-title {
	color: #fff;
}

.override .googlecart-widget-item  {
	background-color: #f8f8df;
}

.googlecart-widget {
	position:absolute!important;
	top: 0px;
	right: 0px;
}

#googleCheckoutLogo {
	float:right;
}

.terms {
	color: #d881d3;
	font-weight:bold;
	margin-top: 10px;
}