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

Title : Servewell 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:#000000; color:#ffffff;}
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }

/* ----- IDS ----- */
#container { width:900px; margin:0 auto; text-align:left; font-size:110%; }   
#headerContainer { width:100%; height:84px; background:url(../images/headerBg.gif) top left repeat-x;}
#header { position:relative; width:900px; height:84px; margin:0 auto;}
#header #logo { position:absolute; top:0; left:-75px;}
#header #login { position:absolute; top:14px; left:400px; font-size:130%;}
#header #login a { color:#CCCCCC; text-decoration:none; font-weight:normal;}
#header #login a:hover { color:#FFFFFF; text-decoration:none;}
#header #searchForm { position:absolute; bottom:15px; right:0; display:inline; padding:0; margin:0; padding-right:15px;}
#header #searchForm #searchInput { width:160px;}
#header #searchForm label { width:50px; font-size:130%; color:#CCCCCC;}
#header #searchForm #searchBtn { position:absolute; top:1px; right:0; width:10px; height:19px;z-index:99}
#header #myBasket { position:absolute; bottom:17px; right:280px; display:block; width:97px; height:21px; background:url(../images/myBasketLink.gif) 0px 0px;}
#header #myBasket:hover { background:url(../images/myBasketLink.gif) 0px -21px; cursor:pointer; display:block;}
#header #myAccount { position:absolute; bottom:20px; right:400px; display:block; width:99px; height:17px; background:url(../images/myAccountLink.gif) 0px 0px;}
#header #myAccount:hover { background:url(../images/myAccountLink.gif) 0px -17px; cursor:pointer; display:block;}
#contentContainer { width:900px; padding:25px 0;}
#contentContainer #leftCol { float:left; width:188px; margin-right:10px; min-height:408px;}
*:first-child+html #leftCol {margin-bottom:20px}
#contentContainer #middleCol { position:relative; float:left; width:454px; margin:0px 10px 0 0;}
/*#contentContainer #middleCol .frontpage_link{ position:absolute;bottom:20px; float:left;color:#FFFFFF}
#contentContainer #middleCol .frontpage_link{ ;position:absolute;bottom:25px; float:left;color:#FFFFFF;background:url(../images/transparent_black.png) ;padding:10px;font-size:190%;font-family: century gothic, verdana, arial;font-weight:300}
#contentContainer #rightCol #quicklink .frontpage_link{ position:absolute;bottom:240px; float:left;color:#FFFFFF;background:url(../images/transparent_black.png) ;padding:10px;font-size:190%;font-family: century gothic, verdana, arial;font-weight:300}
#contentContainer #rightCol #quicklink2 .frontpage_link{ position:absolute;bottom:28px; float:left;color:#FFFFFF;background:url(../images/transparent_black.png) ;padding:10px;font-size:190%;font-family: century gothic, verdana, arial;font-weight:300}*/


#frontpage_link, #quick_link, #quick_link_2{display:block;float:left;position:relative;}
#frontpage_link img, #quick_link img, #quick_link_2 img{border:3px solid #FFF;}
span.link_box{position:absolute;display:block;float:left;color:#FFF;background:url(/images/transparent_black.png);margin-left:3px;padding:3px 10px;font-size:140%;font-family: century gothic, verdana, arial;font-weight:300;bottom:20px;}
*:first-child+html span.link_box{margin:0 0 0 -233px}
#quick_link_2{margin-top:9px;}
/*#frontpage_link span.link_box{bottom:45px;}*/
*:first-child+html #frontpage_link span.link_box{bottom:18px;left:236px}

#contentContainer #middleCol #link { position:absolute; bottom:25px; left:2px;}
#contentContainer #rightCol { float:left; width:234px;position:relative}
#contentContainer #subRightCol { position:relative; float:left; width:686px; min-height:398px; background:#FFFFFF; border:1px solid #7f7f7f; padding:5px; color:#4C4C4C;}
#contentContainer #subRightCol a:link, a:visited{ color: #666; text-decoration:underline; font-weight:normal;}
#contentContainer #subRightCol #productTabs a:link, a:visited{ color: #666; text-decoration:underline; font-weight:normal;}
#contentContainer #subRightCol a:hover, a:active{ text-decoration:none;}
#contentContainer #subRightCol #titleBar { position:relative; width:674px; background:#172430; border:1px solid #8b9298; padding:0 5px;}
#contentContainer #subRightCol #titleBar2 { position:relative; width:690px; background:#172430; border:1px solid #8b9298; padding:0 5px;}
#contentContainer #subRightCol #titleBar a {color:#CCCCCC}
#contentContainer #subRightCol #titleBar #sortBy { position:absolute; top:2px; right:5px; font-size:120%;}
#contentContainer #subRightCol #titleBar #sortBy a { font-weight:normal; text-decoration:none;}
#contentContainer #subRightCol #titleBar #sortBy a:hover { text-decoration:underline;}
#contentContainer #subRightCol #prdsContainer { width:686px; min-height:370px; background:url(../images/gridBg_6.gif?v2) top left no-repeat; margin-bottom:20px;}
#contentContainer #subRightCol #emptyPrdsContainer { width:686px; height:370px; color:#000;}
#contentContainer #subRightCol #emptyPrdsContainer .noProducts { margin:2em; text-align:center;}
#contentContainer #subRightCol #prdsContainer .prdBox { float:left; width:225px; height:290px;text-align:center; color:#4c4c4c; font-size:110%; margin-top:15px;}
#contentContainer #subRightCol #prdsContainer .prdBox .mmp_prodimage {display:block;height:200px;overflow:hidden;}
#contentContainer #subRightCol #prdsContainer .prdBox .price { font-weight:bold;font-size:120%;}
#contentContainer #subRightCol #prdsContainer .prdBox p { padding:0 0 5px 0; margin:0; font-size:110%;}
#contentContainer #subRightCol #prdsContainer .prdBox a { color:#4c4c4c; text-decoration:none; font-weight:normal;}
#contentContainer #subRightCol #prdsContainer .prdBox a:hover { text-decoration:underline;}
#contentContainer #subRightCol #prdsContainer .prdBox img { display:block; margin:0 auto;}
#contentContainer #subRightCol #titleBar #topLinks { position:absolute; top:2px; right:5px; font-size:110%;}
#contentContainer #subRightCol #titleBar #topLinks a { font-weight:normal; text-decoration:none;color:#fff}
#contentContainer #subRightCol #titleBar #topLinks a:hover { text-decoration:underline;color:#CCCCCC}
#contentContainer #subRightCol #detailsBox { width:656px; min-height:240px;height:auto !important;height:340px; padding:15px; color:#4c4c4c;}
#contentContainer #subRightCol #detailsBox #leftCol2 { position:relative; float:left; width:325px; height:340px; margin:0;/* border-right:1px solid #e0e0e0;*/}
#contentContainer #subRightCol #detailsBox #leftCol2.checkout {height:auto;}
#contentContainer #subRightCol #detailsBox #leftCol2 #enlargeBox { position:absolute; top:310px; left:95px; font-size:120%;}
#contentContainer #subRightCol #detailsBox #leftCol2 #enlargeBox img { display:inline; margin:2px 5px 0 0;}
#contentContainer #subRightCol #detailsBox #leftCol2 #enlargeBox a { text-decoration:none; font-weight:normal; color:#4c4c4c;}
#contentContainer #subRightCol #detailsBox #leftCol2 #enlargeBox a:hover { text-decoration:none;}
#contentContainer #subRightCol #detailsBox #rightCol2 { float:right; width:305px; min-height:340px;height:auto !important; height:340px;margin:0; padding:0 10px; border-left: #ccc 1px solid;}
#contentContainer #subRightCol #detailsBox #rightCol2 .title { color:#172430; font-weight:bold; font-size:160%; padding:0 0 5px 0;}
#contentContainer #subRightCol #detailsBox #rightCol2 p { padding:0 0 5px 0; margin:0; color:#4c4c4c; font-size:120%;}
#contentContainer #subRightCol #detailsBox #rightCol2 .price { font-weight:bold; font-size:160%;} 
#contentContainer #subRightCol #detailsBox #rightCol2 #quantity { position:relative; float:right; display:inline; padding:0; margin:0 0 20px 0;}
#contentContainer #subRightCol #detailsBox #rightCol2 #quantity select { margin-left:70px;}
#contentContainer #subRightCol #detailsBox #rightCol2 #quantity span { position:absolute; top:-2px; left:40px; font-size:120%;}
#contentContainer #subRightCol #detailsBox #rightCol2 #quantity #addBtn { width:125px; height:26px; margin-top:10px;}
#contentContainer #subRightCol #detailsBox #rightCol2 #productTabs { padding:0; margin:0; clear:both;}

#contentContainer #subRightCol #content_box { /*width:656px;*/ min-height:340px;height:auto !important;height:340px; padding:15px; color:#4c4c4c;}

#added_product{color:#FF0000;font-size:14px}
#basket_count{color:#CCCCCC;font-size:14px;position:absolute;right:260px;top:45px;z-index:99}


/* ----- 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;}
.rightJump { margin-bottom:10px;}

.title { color:#FFFFFF; font-weight:normal; font-size:140%; padding:0;}
*:first-child+html .title {margin:10px 0 0 0;font-size:16px}
.detail_image_left{width:300px}
.detail_image_apthumb {height:60px;border:1px solid #999999;padding:2px;}
.detail_image_apthumb.apactive {border-color:#990000;}

.addBasketBtn{width:125px;margin:0pt 0pt 0pt 180px;}
.panelBg{margin:0px 20px 0 20px;padding:20px;border:#666 1px dotted;background-color:#FCFCFC;}

.checkoutBtn_img{ background:url(../images/checkout_btn.gif) no-repeat 0px 0px;width:130px;height:31px;border:none}
.update_btn{background:url(../images/update_btn.gif) no-repeat 0px 0px;width:130px;height:31px;border:none}
.login_btn{background:url(../images/login_btn.gif) no-repeat 0px 0px;width:130px;height:31px;border:none}
.register_btn{background:url(../images/register_btn.gif) no-repeat 0px 0px;width:130px;height:31px;border:none}
.no_btn{background:url(../images/no_btn.gif) no-repeat 0px 0px;width:130px;height:31px;border:none}
.submit_btn{background:url(../images/submit_btn.gif) no-repeat 0px 0px;width:130px;height:31px;border:none}


*:first-child+html 


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

/* ----- TOP NAVIGATION ----- */
#topNav { position:absolute; top:15px; right:15px; font-size:120%;}
#topNav ul { list-style:none; padding:0; margin:0;}
#topNav li { display:block; float:left; padding:0; margin:0 0 0 8px;}
#topNav li a { padding:0 10px; color:#cccccc; font-weight:normal; text-decoration:none;}
#topNav li a:hover { text-decoration:none; color:#FFFFFF;}


/* ----- LEFT NAVIGATION ----- */
#menu {height: auto;float: left; padding:6px 11px;}
#menu ul { list-style:none; padding:0; margin:0;}
#menu li {display: block;list-style-type: none;}
#menu a { font-size:14px; font-weight:normal;color: #b2b2b2;text-decoration: none;width: 148px;display: block;outline:0;margin-bottom: 1px;padding:2px 3px;}
#menu a:hover {background:#3B3B3B;color: #ffffff;}

#menu a.mmp_activemenu {background:#3B3B3B;color: #ffffff;}
#menu .mmp_menu_submenu li a {background:#172430;font-size:11px;}

#menu .accordion a {color: #999999;}
#menu .accordion { background:#172430; padding:5px 10px;}
#menu .accordion a:hover {color: #ffffff;}

/* ----- PRODUCT DETAIL TABS ----- */
#tab-container-1-nav { margin:0 !important; padding:0 !important; list-style:none !important; font-size:90%;}
#tab-container-1-nav li { display:inline; text-decoration:none; color:#666666; display:block; float:left; margin-right:6px;}
#tab-container-1-nav a { background: #EBEBEB; text-decoration:none  !important; color:#172430; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; display:block; float:left; border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc; padding: 2px 15px 3px 15px; position:relative; top:1px; z-index:50;}
#tab-container-1-nav a:hover { background:#FFF; color:#000000; border-top:1px solid #d9d9d9; border-right:1px solid #beb9d0; border-left:1px solid #d9d9d9; position:relative; top:1px; padding-bottom:4px;}
#tab-container-1-nav .active { background:#FFF; color:#000000; font-weight:normal; border-top:1px solid #d9d9d9; border-right:1px solid #d9d9d9; border-left:1px solid #d9d9d9; position:relative; top:1px; padding-bottom:4px;}
#tab-container-1 .tab { min-height:50px; width:280px; border:1px solid #d9d9d9; clear:both; position:relative; top:0px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:15px; display: inline-block;}


/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0 0 0 5px; padding:0;}
#sitemap ul { list-style:none;  margin:10px 0 0px 15px; padding:0;}
#sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 11px no-repeat; padding:6px 0 5px 15px;}

/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */
.pagination { position:absolute; bottom:3px; right:10px; font-size:110%; color:#ccc;margin:0 0 10px 0;}
*:first-child+html .pagination {margin:0 0 14px 0;}
.pagination strong{color: #FFF; padding:1px 3px; background-color:#666666}
.pagination a { color:#4c4c4c; font-weight:normal; text-decoration:none; padding:0 5px;}
.pagination a:hover { text-decoration:underline;}
.pagination a.active { text-decoration:underline;}
.paginate {margin:0 0 -15px 0}
*:first-child+html.paginate

/* ----- FOOTER ----- */
#footer {width:900px; padding:4px 0; color:#666666; border-top:1px solid #666666;margin:25px 0 0 0}
#footer a { font-weight:normal; text-decoration:none; outline:none; color:#666666;}
#footer a:hover { text-decoration:none; color:#FFFFFF;}
#footer p { padding:0; margin:0; }

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


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

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:260px; float:left; }
input, textarea { /*width:200px*/; font-size:11px !important;}
.required { color:#0033FF;}
.checkRadio { width:20px; position:relative; left:-7px;}
#frmContact { margin-bottom:15px;}
form.frontend{margin-top:1em;}
form.frontend label{float:left;display:block;width:20%;margin-bottom:1em;}
form.frontend br{clear:left;}
form.frontend div.val_errors{margin-bottom:1em; color:#ff2963;}
form.frontend div.val_errors ul{margin-left:2em; list-style-type:disc;}
form.frontend input.txt{width:150px;margin-bottom:1em;float:left;}
form.frontend .nolabel{margin-left:20%;margin-bottom:1em;float:left;}

form.frontend .nolabel_products{margin-bottom:1em;float:left;}


*:first-child+html form.frontend .nolabel{margin-left:115px;margin-bottom:1em;float:left;}
form.frontend input.narrow{width:40px;}
form.frontend select{width:200px;float:left; margin-top:3px;}
form.frontend select.multiple{height:8em;margin-bottom:0.5em;}
form.frontend textarea{width:200px;float:left;margin-bottom:0.5em;}
form.frontend textarea.wide{width:75%;float:left;height:6em;}
form.frontend label.checkbox{display:block;float:left;width:5.5em;margin-left:1em;}
form.frontend label.checkbox input{float:right;}
form.frontend label.radio{display:block;float:left;width:100%;margin-bottom:0;}
form.frontend label.radio input{margin-bottom:0;width:13px}
form.frontend label.disabled{color:#666;}
form.frontend label.wide{width:100%;}
form.frontend .small_margin{margin-bottom:0;}


form.search label{float:left;display:block;width:10%;margin-bottom:1em;margin-left:20px;margin-top:5px}

input.qty{width:2em;}

dl{margin:0;}
dl dt{float:left;clear:left;width:20%; margin:0 0 0.5em 0;display:block;}
dl dd{float:left;margin:0 0 0.5em 0;display:block;width:80%;}
table.generic{width:100%; border-top: 1px solid #CCC;border-left: 1px solid #CCC;}
table.generic th{padding:2px;border-right:1px solid #CCC;border-bottom: 1px solid #CCC;}
table.generic td{vertical-align:top;padding:2px;border-right:1px solid #CCC;border-bottom: 1px solid #CCC;}
table.generic td.message{vertical-align:top;text-align:center;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#submit { width:55px; height:18px; border:none;}

/* related items */
div#related_items{color:#172430;border-top:#ccc 1px solid;margin:10px 0;}
div#related_items h2{padding:5px 0 0; font-size:160%;}
div#related_items div.related_product{float:left; padding:5px;/* max-width:120px;*/}
div#related_items div.related_product a:link, div#related_items div.related_product a:visited{color:#666 !important;}

.checkoutBasketTable { width:100%; border-top: 1px solid #CCC;border-left: 1px solid #CCC;}
.checkoutBasketTable th{padding:4px;border-right:1px solid #CCC;border-bottom: 1px solid #CCC; background:#000000; color:#FFFFFF;}
.checkoutBasketTable td{vertical-align:top;padding:4px;border-right:1px solid #CCC;border-bottom: 1px solid #CCC;}

.mmp_homepage_content {float:right;width:698px;margin:0px 4px 0px 0px;}
.mmp_homepage_content div {}
.mmp_homepage_content p {margin:0px 0px 10px!important;padding:0px;}