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

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: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:69px; height:24px;}
#container #columnsContainer .product .moreInfo { position:absolute; bottom:17px; left:98px; color:#4c4c4c; font-size:11px; text-decoration:none;}
#container #columnsContainer .product .moreInfo:hover { text-decoration:underline;}
#container #columnsContainer .product .price { position:absolute; top:15px; right:28px; color:#ec008c; font-size:24px; font-weight:bold;}
#container #columnsContainer .product .stars { position:absolute; top:45px; right:28px; font-size:12px; color:#ec008c; font-weight:bold;}
#container #columnsContainer .product .info { padding:15px 0 0 15px;}
#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 #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;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}
.pink { 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:none; 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; }