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

Title : WaistlineOnline Stylesheet
Author : Wes Smith / wes.smith@mediarock.co.uk / Mediarock Ltd

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

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#ffffff; color:#000000; text-align:center; }
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }
.h1 { font:bold 12px/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#ffffff; color:#000000; text-align:left; }

/* ----- IDS ----- */
#container { width:847px; margin:0 auto; text-align:left; font-size:120%; } 
#container #banner { width:847px; padding:25px 0 15px 0;}  
#container #columnsContainer { width:847px; clear:both;}
#container #columnsContainer #leftCol { float:left; width:411px;}
#container #columnsContainer #rightCol { float:right; width:411px;}
#container #columnsContainer .product { width:411px; height:344px; background:url(../images/productBg.gif) no-repeat; margin-bottom:20px; position:relative;}
#container #columnsContainer .product .prdPic { position:absolute; bottom:15px; right:15px;}
#container #columnsContainer .product .button {
	position:absolute;
	bottom:15px;
	left:20px;
	width:171px;
	height:24px;
	top: 280px;
}
#container #columnsContainer .product .moreInfo {
	position:relative;
	bottom:17px;
	left:98px;
	color:#4c4c4c;
	font-size:11px;
	text-decoration:none;
	top: 200px;
}
#container #columnsContainer .product .moreInfo:hover { text-decoration:underline;}
#container #columnsContainer .product .price {
	position:absolute;
	top:11px;
	right:28px;
	color:#7F3f96;
	font-size:24px;
	font-weight:bold;
	left: 325px;
}
#container #columnsContainer .product .stars {
	position:absolute;
	top:45px;
	right:28px;
	font-size:12px;
	color:#ec008c;
	font-weight:bold;
	left: 324px;
}
#container #columnsContainer .product .info {
	padding:15px 0 0 15px;
	left: 5px;
}
#container #columnsContainer .product .info .prdTitle { color:#ec008c; font-size:18px; font-weight:bold; line-height:26px; padding:0 0 5px 0;}
#container #columnsContainer .product .info p { font-size:11px; font-weight:bold; width:230px;}
#container #columnsContainer .product .info .list { list-style:none; padding:0; margin:0;}
#container #columnsContainer .product .info .list li { font-size:11px; background:url(../images/listDot.gif) 0 8px no-repeat; padding:0 0 0 10px;}
#container #columnsContainer .product .offerBanner { position:absolute; bottom:0; right:0;}
#container #linksBoxFaqs { width:847px; height:580px; background:url() no-repeat; margin-bottom:20px; position:relative; font-size:10px;}
#container #linksBox { width:847px; height:129px; background:url(../images/linsBoxBg.gif) no-repeat; margin-bottom:20px; position:relative; font-size:10px;}
#container #linksBox .listArrow { list-style:none; padding:0; margin:0;}
#container #linksBox .listArrow li { font-size:11px; background:url(../images/listArrow.gif) 0 4px no-repeat; padding:0 0 0 10px; line-height:14px;}
#container #linksBox .listArrow li a { font-weight:normal; text-decoration:none;}
#container #linksBox .listArrow li a:hover { text-decoration:underline;}
#container #linksBox .colTitle { color:#ec008c; font-size:10px; font-weight:bold; padding:0 0 10px 0;}
#container #linksBox #colA {
	position:absolute;
	top:15px;
	left:20px;
	width:400px;
}
#container #linksBox #colB { position:absolute; top:15px; left:210px; width:180px;}
#container #linksBox #colC { position:absolute; top:15px; left:332px; width:225px;}

/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto;}
.shipping {	background-color: #CCCCCC;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}
.pink { color:#ec008c;}
.dropdown { color:#ec008c;}



/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 10px 0; font-size:100%; font-weight:bold;}


/* ----- TOP NAVIGATION ----- */
#topNav { width:847px; height:37px; background:url(../images/topNavBg.gif) no-repeat; margin-bottom:20px;}
#topNav ul { list-style:none; padding:0 0 0 40px; margin:0;}
#topNav li { float:left; display:block; padding:5px 30px 0 0;}
#topNav li a { float:left; display:block; color:#FFFFFF; text-decoration:none; font-weight:normal; font-size:16px;}
#topNav li a:hover { text-decoration:underline;}
#topNav li a.active { text-decoration:underline; font-weight:normal;}


/* ----- FOOTER ----- */
#footer { width:847px; height:21px; background:url(../images/footerBg.gif) no-repeat; color:#FFFFFF; font-size:10px;}
#footer .footerPadding { padding:3px 15px 0 15px;}
#footer a { font-weight:normal; text-decoration:underline; outline:none; color:#FFFFFF;}
#footer a:hover { text-decoration:underline;}


/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 10px 0; margin:0; }
address { font-style:normal;}


/* ----- LINKS ----- */
a { color:#000000; font-weight:bold; text-decoration:underline; }
a:hover { text-decoration:none; }


/*-- Added by Andy for Styling Dropdowns --*/

#leftCol .product .button form.btnForm select{
	color: #fff;
	background-color: #ED008C;
}
#rightCol .product .button form.btnForm select{
	color: #fff;
	background-color: #ED008C;
}