/* Reset All CSS */
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;}
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
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: "" "";}

/* Basic Global */
body {margin:0; font:80% Arial, Helvetica, sans-serif; color:#222222; background:#fff url(/images/bg.jpg) fixed top center;}
a, object { outline:none;}
a {color:#000; text-decoration:underline;}
a:hover { text-decoration:none;}
img { border:none;}
p {padding:0; margin:0 0 20px 0;}
hr { clear:both; display:block; height:1px; border-top:none; border-left:none; border-bottom:1px solid #d9d9d9; border-right:none; padding:0; margin:20px 0 20px 0;}
td { vertical-align:top;}

/* Headings */
h1, h2, h3, h4{ font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; font-weight:bold;}
h1 { color:#2d2d2d; font-size:2.2em;}
h2 { color:#2d2d2d; margin:0; padding:0; font-size:1.7em; line-height:18px;}
h3 { font-size:1.6em;  margin:0; padding:0; }
h4 {font-size:1.3em; margin:0; padding:0 0 10px 0;}
h5, h6 {font-size:1.0em; }

/* Global Classes */
.clearer { clear:both;}
.floatLeft { float:left;}
.floatRight { float:right;}
.textalignLeft { text-align:left;}
.textalignRight { text-align:right;}
.horispacer { width:960px; height:15px; clear:both;}
.horispacerHeavy { width:960px; height:30px; clear:both;}
.vertiSpacer { width:50px; height:240px; }
.vertiSpacerHeavy { width:40px; height:220px;}
.cursor {cursor:pointer;}

.red { color:#cc0000;}

a.btn_view { width:52px; height:22px; padding:4px 0 0 14px; background:url(../images/btn_view.jpg) no-repeat; position:absolute; bottom:0; right:10px; display:block; overflow:hidden; color:#fff; text-decoration:none;}
a:hover.btn_view {background:url(../images/btn_view.jpg) no-repeat 0 -26px; text-decoration:underline;}

/* Labels */
.label_special { width:88px; height:88px; background:url(../images/label_specialoffer.png) no-repeat; position:absolute; top:0; left:0; text-indent:-99999px; overflow:hidden; z-index:20;}

/* Main Containers */
div#pageContainer { width:960px; margin:0 auto; position:relative;}
div#contentArea { width:960px; overflow:hidden; position:relative; clear:both; margin:0 auto; margin-bottom:20px; }

/* Header, Search, Account and Navigation Stuff */
div#header { width:960px; margin:0 auto; position:relative;}
div#header .logo {width:200px; height:130px;}
div#header .accountArea { margin:0; padding:0; height:32px; width:760px; text-align:right;}

a.login { font-weight:bold; background:url(/images/icon_login.jpg) no-repeat left top; padding:1px 0 1px 24px; margin:8px 10px 5px 0; line-height:32px; color:#141414; text-decoration:none;}
a.logout {font-weight:bold; color:#cc0000;text-decoration:none; padding:1px 0 1px 22px; margin:0 0 0 10px; background:url(/images/icon_logout.jpg) no-repeat left top;}
a.login:hover, a.logout:hover { text-decoration:underline;}

div#header .accountArea p {padding:1px 0 1px 24px; margin:0 5px 5px 0; line-height:32px; color:#141414; text-decoration:none;}
div#header .accountArea p strong{ font-weight:bold;}

div#header .phone { width:430px; height:36px; line-height:36px; overflow:hidden; text-align:right; font-weight:bold; font-size:1.4em; letter-spacing:-1px; color:#444;}
div#header .phone span{ color:#0B7EEB; margin:0 0 0 5px;}

div#header .searchArea { margin:0 0 8px 0; height:36px;}
div#header .searchArea form {background:url(../images/search_bg.jpg) no-repeat; width:315px; height:36px;}
div#header .searchArea form input { background:none; border:none; width:254px; vertical-align:top; margin:8px 0 0 15px; padding:3px; color:#787878;}
div#header .searchArea form input.submit { width:36px; height:36px; background:url(../images/search_btn.jpg) no-repeat; margin:0; color:#fff; cursor:pointer; text-transform:uppercase; padding:0; font-size:0; line-height:0;}
div#header .searchArea form input.submit:hover {background:url(../images/search_btn.jpg) no-repeat 0 -36px; }

div#header .navigation {width:760px; height:50px; clear:both;}
div#header .navigation ul { margin:0; padding:0; list-style:none; margin:0; text-transform:uppercase; font-weight:bold; font-size:1.0em; height:50px;}
div#header .navigation ul.home {background:#086ed0 url(../images/nav.jpg) no-repeat 0 0;}
div#header .navigation ul.products {background:#086ed0 url(../images/nav.jpg) no-repeat 0 -50px;}
div#header .navigation ul.about {background:#086ed0 url(../images/nav.jpg) no-repeat 0 -100px;}
div#header .navigation ul.contact {background:#086ed0 url(../images/nav.jpg) no-repeat 0 -150px;}
div#header .navigation ul.account {background:#086ed0 url(../images/nav.jpg) no-repeat 0 -200px;}
div#header .navigation ul.basket {background:#086ed0 url(../images/nav.jpg) no-repeat 0 -250px;}
div#header .navigation ul li {display:block; height:50px; float:left;}
div#header .navigation ul li a{display:block; height:50px; line-height:50px; float:left; color:#fff; padding:0; text-align:center; text-decoration:none; margin:0;}
div#header .navigation ul li a:hover {text-decoration:underline;}
div#header .navigation ul li a.home { width:100px;}
div#header .navigation ul li a.products { width:115px;}
div#header .navigation ul li a.about { width:140px;}
div#header .navigation ul li a.contact { width:120px;}
div#header .navigation ul li a.account { width:165px;}
div#header .navigation ul li a.basket { width:110px; color:#000;}

/* Breadcrumbs */
div#breadcrumbs { clear:both; width:960px; margin:10px 0 0 0; padding:0; height:30px; line-height:30px;}
div#breadcrumbs ul.trail li{ float:left; color:#0e5063; margin:0 8px 0 0; padding:0;}
div#breadcrumbs ul.trail li.start {color:#000; font-weight:bold;}
div#breadcrumbs ul.trail li.divider {color:#ff0000; width:13px; height:15px; margin:7px 8px 0 0; background:url(../images/assets.gif) no-repeat -3px -2px;}
div#breadcrumbs ul.trail li a{ color:#000; text-decoration:none; font-weight:normal;}

/* Homepage stuff */
div#contentArea #homeFeatured { width:960px; height:333px; margin:15px 0; position:relative;} 
div#contentArea #homeFeatured .featuredContent {position:absolute; top:30px; left:30px; color:#fff; width:480px;}
div#contentArea #homeFeatured h1{ margin:0 0 0 0; padding:0 0 0 0; font-size:2em; color:#00a991;}
div#contentArea #homeFeatured h2{ font-size:1.4em; letter-spacing:-1px; margin:0 0 5px 0; font-weight:bold;color:#fff;}
div#contentArea #homeFeatured h3{ font-size:1.3em;}
div#contentArea #homeFeatured h4{ font-size:1.2em;}
div#contentArea #homeFeatured h5{ font-size:1.1em;}
div#contentArea #homeFeatured p {margin:0; padding:4px 0 12px 0;}
div#contentArea #homeFeatured hr{height:1px; border-top:1px solid #e5e5e5;border-bottom:none; border-left:none; border-right:none; width:100%; margin:10px 0 10px 0; clear:both; padding:0;}
div#contentArea #homeFeatured small{ font-size:0.8em;}
div#contentArea #homeFeatured big{ font-size:13pt;}
div#contentArea #homeFeatured em{ font-style:italic;}
div#contentArea #homeFeatured ul{ margin:5px; padding:0;}
div#contentArea #homeFeatured ul li{ background:url(../images/home_bullet.png) no-repeat left center; padding:0 0 0 15px; list-style:none;}
div#contentArea #homeFeatured ol li{padding:0 0 0 15px; list-style:decimal;}


div#contentArea #homeSpecials { margin:200px 0 15px 0; overflow:hidden;}
div#contentArea #homeSpecials .block{ width:228px; position:relative;}
div#contentArea #homeSpecials h2 {position:absolute; bottom:30px; left:0; text-align:left; width:180px; font-size:1.0em; background:#cc0000; padding:2px 5px 2px 15px;}
div#contentArea #homeSpecials h2 a{color:#fff; text-decoration:none;}
div#contentArea #homeSpecials .top { width:228px; height:21px; background:url(../images/homespecial_top.jpg) no-repeat 0 0;}
div#contentArea #homeSpecials .mid { width:226px; border-right:1px solid #e3e3e3; border-left:1px solid #e3e3e3; overflow:hidden; text-align:center;}
div#contentArea #homeSpecials .btm { width:228px; height:12px; background:url(../images/homespecial_btm.jpg) no-repeat 0 0;}
div#contentArea #homeSpecials .divider{ width:16px; height:200px;}

div#contentArea #homeColumns {} 
div#contentArea #homeColumns .block{ width:230px; min-height:157px; height:auto !important; height:157px; position:relative;}
/*div#contentArea #homeColumns .block a{ width:230px; min-height:157px; height:auto !important; height:157px; position:absolute;}*/
div#contentArea #homeColumns .block .content{ width:230px; min-height:157px; height:auto !important; height:157px; position:absolute;}
div#contentArea #homeColumns .block h2{position:absolute; bottom:14px; color:#fff; left:0; font-size:1.2em; text-transform:uppercase; background:#1cbaa8; padding:4px 8px 4px 15px;}
div#contentArea #homeColumns .block a{  text-decoration:none; color:#fff;}
div#contentArea #homeColumns .block a:hover{ text-decoration:underline; }
div#contentArea #homeColumns .blockDiv { width:13px; min-height:157px; height:auto !important; height:157px;} 



/* Content Stuff */
div#contentArea #mainContent { width:750px;}

div#contentArea #mainContent .sectionBanner{ padding:14px 20px 0 20px; min-height:145px; overflow:hidden; background:url(../media/images/sections/test_section.jpg) no-repeat center bottom;}
div#contentArea #mainContent .sectionBanner h1 { color:#0156a5; margin:0; padding:0 0 6px 0; font-weight:normal; font-size:1.8em;}

div#contentArea #mainContent #sectionBlocks { margin:15px 0;}
div#contentArea #mainContent #sectionBlocks .block{ width:240px; margin:0; position:relative;}
div#contentArea #mainContent #sectionBlocks .block .top{ width:240px; height:20px; background:url(../images/block_edge.jpg) no-repeat top center;}
div#contentArea #mainContent #sectionBlocks .block .mid{min-height:210px; height:auto !important; height:210px; border-right:1px solid #e3e3e3; border-left:1px solid #e3e3e3; overflow:hidden; position:relative;text-align:center;}
div#contentArea #mainContent #sectionBlocks .block .formArea {border-right:1px solid #e3e3e3; border-left:1px solid #e3e3e3; overflow:hidden; position:relative;text-align:center;}
div#contentArea #mainContent #sectionBlocks .block .btm{ width:240px; height:10px; background:url(../images/block_edge.jpg) no-repeat 0 -27px; clear:both; overflow:hidden;}
div#contentArea #mainContent #sectionBlocks .divider { width:15px; min-height:210px; height:auto !important; height:210px;}
div#contentArea #mainContent #sectionBlocks .dividerVert { clear:both; width:750px; height:15px;}

div#contentArea #mainContent #sectionBlocks .image{ width:200px; height:170px; margin:0 auto; text-align:center;}
div#contentArea #mainContent #sectionBlocks span.title { width:200px; margin:0 auto;display:block; font-size:1.0em; margin-top:0px;}
div#contentArea #mainContent #sectionBlocks span.title a{ color:#0156A5; font-weight:bold; text-decoration:none;}
div#contentArea #mainContent #sectionBlocks span.title a:hover{text-decoration:underline;}
div#contentArea #mainContent #sectionBlocks span.price { width:200px; margin:0 auto; display:block; font-size:1.4em; font-weight:bold;}
div#contentArea #mainContent #sectionBlocks span.noprice { width:200px; margin:0 auto; display:block; font-size:1.2em; font-weight:bold; color:#cc0000;}

div#contentArea #mainContent #sectionBlocks form.quickBuy { display:block; width:180px; margin:0 auto; line-height:23px; margin-top:6px;}
div#contentArea #mainContent #sectionBlocks form.quickBuy a.btnView, div#contentArea #mainContent #sectionBlocks form.quickBuy input.btnBuy {height:23px;float:left; border:none; cursor:pointer;}
div#contentArea #mainContent #sectionBlocks form.quickBuy a.btnView { width:23px; background:url(/images/btn_viewpro.jpg) no-repeat; color:#555; text-decoration:none; margin:0 4px 0 0; text-indent:-99999px;}
div#contentArea #mainContent #sectionBlocks form.quickBuy input.btnBuy { width:100px; background:url(/images/btn_quickbuy.jpg) no-repeat; color:#523c00; padding:0 0 2px 0; font:bold 12px Arial, Helvetica, sans-serif;}
div#contentArea #mainContent #sectionBlocks form.quickBuy input:hover.btnBuy { background:url(/images/btn_quickbuy.jpg) no-repeat 0 -23px;}
div#contentArea #mainContent #sectionBlocks form.quickBuy input.field { float:left; background:url(/images/input_quickbuy.jpg) no-repeat; border:none; width:25px; height:23px; padding:4px 0 0 0; margin:0; text-align:center;}
div#contentArea #mainContent #sectionBlocks form.quickBuy span { font-size:12px;}

div#contentArea #mainContent h1#productTitle { margin:10px 0 15px 0; padding:0 0 5px 0; font-size:2em; color:#00a991; border-bottom:1px solid #ccc;}
div#contentArea #mainContent #proImageArea { width:350px; overflow:hidden; position:relative;}
div#contentArea #mainContent #proImageArea .imgOptions{}
div#contentArea #mainContent #proImageArea .imgOptions strong { font-weight:bold;}
div#contentArea #mainContent #proImageArea .imgOptions p{ padding:0; margin:0;}

div#contentArea #mainContent #proInfoArea { width:400px; position:relative;}
div#contentArea #mainContent #proInfoArea input.addtoBasket { margin:5px 0 0 10px; cursor:pointer; border:none; height:23px; float:left; width:100px; background:url(/images/btn_quickbuy.jpg) no-repeat; color:#523c00; padding:0 0 2px 0; font:bold 12px Arial, Helvetica, sans-serif;}
div#contentArea #mainContent #proInfoArea input.addtoBasket:hover { background:url(/images/btn_quickbuy.jpg) no-repeat 0 -23px;}


div#contentArea #mainContent #proInfoArea .proPrice{ font-size:2.2em; font-weight:bold; float:left; color:#cc0000;}

div#contentArea #mainContent #proInfoArea .proQty { float:left; margin:5px 0 0 10px;}
div#contentArea #mainContent #proInfoArea .proQty input.numeric{ float:left; width:39px; height:13px; background:url(/images/input_qty.jpg) no-repeat; margin:0; padding:4px 5px 6px 5px; border:none; vertical-align:top; text-align:right; font-size:12px;}
div#contentArea #mainContent #proInfoArea .proQty span{ margin:0 0 0 5px; padding:5px 0 0 0; float:left;}

div#contentArea #mainContent #proInfoArea .unitQty { clear:both; overflow:hidden;}

/*div#contentArea #mainContent #proInfoArea .proQty span#qtyselected {}
div#contentArea #mainContent #proInfoArea .proQty span#qtyselected a{ padding:0 0 0 10px; width:249px; height:32px; line-height:32px; background:url(../images/select_qty.jpg) no-repeat; display:block; text-decoration:none;}
div#contentArea #mainContent #proInfoArea .proQty span#qtyselected a:hover{background:url(../images/select_qty.jpg) no-repeat 0 -32px;}
div#contentArea #mainContent #proInfoArea .proQty ul{ margin:0; width:220px; padding:4px; display:none; position:absolute; z-index:600; background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; height:120px; overflow:auto;}
div#contentArea #mainContent #proInfoArea .proQty ul li{ list-style:none; width:195px; float:left; }
div#contentArea #mainContent #proInfoArea .proQty ul li a{ width:200px; height:18px; padding:2px 0 2px 6px; float:left; text-decoration:none; border-bottom:1px solid #eaeaea; margin:1px 0; overflow:hidden;}
div#contentArea #mainContent #proInfoArea .proQty ul li a:hover{background:#0156A6; color:#fff;}
*/
div#contentArea #mainContent #proInfoArea .proInfo{ width:400px; margin:15px 0; overflow:hidden;}
div#contentArea #mainContent #proInfoArea .proInfo ul{ width:350px; height:47px; padding:7px 25px 0 25px;}
div#contentArea #mainContent #proInfoArea .proInfo ul.desc{ background:url(../images/pro_tabs_top.jpg) no-repeat 0 0;}
div#contentArea #mainContent #proInfoArea .proInfo ul.share{ background:url(../images/pro_tabs_top.jpg) no-repeat 0 -54px;}
div#contentArea #mainContent #proInfoArea .proInfo ul li{ display:inline; margin:0 25px 0 0; font-weight:bold;}
div#contentArea #mainContent #proInfoArea .proInfo ul li a{ text-decoration:none;}
div#contentArea #mainContent #proInfoArea .proInfo ul li a:hover{ text-decoration:underline;}

div#contentArea #mainContent #proInfoArea .proInfo .info{ border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; margin:0 1px 0 0; padding:0 20px; width:357px; overflow:hidden;}
div#contentArea #mainContent #proInfoArea .proInfo .share{ display:none;}
div#contentArea #mainContent #proInfoArea .proInfo .btm {width:400px; height:9px; background:url(../images/pro_tabs_btm.jpg) no-repeat 0 0;}

div#contentArea #mainContent .proRelated { border-top:1px solid #e5e5e5; margin:15px 0; padding:15px 0} 

/* Content Area Styling */
div#contentArea #mainContent #copy {width:720px; margin:0 auto}
div#contentArea #mainContent #copy h1{ margin:10px 0 15px 0; padding:0 0 5px 0; font-size:2em; color:#00a991; border-bottom:1px solid #ccc;}
div#contentArea #mainContent #copy h2{ font-size:1.4em; letter-spacing:-1px; margin:0 0 5px 0; font-weight:bold;}
div#contentArea #mainContent #copy h3{ font-size:1.3em;}
div#contentArea #mainContent #copy h4{ font-size:1.2em;}
div#contentArea #mainContent #copy h5{ font-size:1.1em;}
div#contentArea #mainContent #copy p {margin:0; padding:4px 0 12px 0;}
div#contentArea #mainContent #copy hr{height:1px; border-top:1px solid #e5e5e5;border-bottom:none; border-left:none; border-right:none; width:100%; margin:10px 0 10px 0; clear:both; padding:0;}
div#contentArea #mainContent #copy small{ font-size:0.8em;}
div#contentArea #mainContent #copy big{ font-size:13pt;}
div#contentArea #mainContent #copy em{ font-style:italic;}

/* Column Nav Stuff */
div#contentArea #column { width:195px;}
div#contentArea #columnNav { width:195px; margin:15px 0 15px 0;}
div#contentArea #columnNav ul{ padding:0; margin:0; overflow:hidden;}
div#contentArea #columnNav ul li { list-style:none; margin:0 0 8px 0; background:#eaeaea url(../images/column_item.jpg) no-repeat 0 0;}
div#contentArea #columnNav ul li span.btm {background:url(../images/column_item_btm.jpg) no-repeat 0 0; height:7px; margin:0; padding:0; overflow:hidden; display:block;}
div#contentArea #columnNav ul li.title { margin:15px 0 20px 0; padding:0;background:none; font-size:1.6em;}
div#contentArea #columnNav ul li a {text-decoration:none; margin:0; padding:6px 0 0 10px; display:block;}
div#contentArea #columnNav ul li a:hover { text-decoration:underline;}

div#contentArea #columnNav ul li.on { list-style:none; margin:0 0 6px 0; padding:0; background:#0156a5 url(../images/column_item_on.jpg) no-repeat top center; position:relative;}
div#contentArea #columnNav ul li.on a {color:#fff; padding:6px 0 0 10px;}
div#contentArea #columnNav ul li.on span.btm {background:url(../images/column_item_btm_on.jpg) no-repeat top center; height:9px; margin:0; padding:0; overflow:hidden; display:block;}

div#contentArea #columnNav ul li.on span.bullet {background:url(../images/column_item_bullet.jpg) no-repeat 0 0; display:block; width:0; height:0; position:absolute; top:8px; left:5px;}
div#contentArea #columnNav ul li.on span.arrow {background:url(../images/column_item_arrow.jpg) no-repeat 0 0; display:block; width:16px; height:16px; position:absolute; top:6px; right:6px;}

div#contentArea #columnNav ul li.on ul { background:#fff;padding:5px 0 0 0;margin:0;overflow:hidden;}
div#contentArea #columnNav ul li.on ul li { list-style:none; margin:0 0 0 15px; padding:5px; background:#fff; color:#000;}
div#contentArea #columnNav ul li.on ul li a{ margin:0; padding:0; color:#000;}
div#contentArea #columnNav ul li.on ul li.onsub { background:#E6EDFF; font-weight:bold; font-style:italic;}

div#contentArea #columnNav ul li.normalPage { list-style:none; margin:0 0 8px 0; background:#fee99d url(../images/column_item_norm.jpg) no-repeat 0 0;}
div#contentArea #columnNav ul li.normalPage span.btm {background:url(../images/column_item_norm_btm.jpg) no-repeat 0 0; height:7px; margin:0; padding:0; overflow:hidden; display:block;}
div#contentArea #columnNav ul li.normalPage a {text-decoration:none; margin:0; padding:6px 0 0 10px; display:block;}
div#contentArea #columnNav ul li.normalPage a:hover { text-decoration:underline;}

/* Login Area */
div#modalBg  { width:100%; height:100%; background:#000; position:absolute; z-index:2000; top:0; left:0;}
div#loginArea { width:654px; position:absolute; top:40px; right:0; z-index:99900;}
div#loginArea a.closeArea { position:absolute; right:-15px; z-index:99999; top:-15px; width:40px; height:40px; background:url(../images/modal_close.png) no-repeat; color:#fff; text-indent:-99999px;}
div#loginArea .top{ width:619px; height:32px; padding:25px 0 0 35px; text-transform:uppercase; background:url(../images/login_top.png) no-repeat; position:relative;}
div#loginArea .top h2{  color:#fff; padding:0; margin:0; font-size:1.4em;}
div#loginArea .top a{ position:absolute; right:10px; top:16px; font-size:0.9em; width:168px; height:35px; display:block;background:url(../images/login_create.jpg) no-repeat 0 -35px; color:#533c00; font-weight:bold; text-align:center; line-height:37px; text-decoration:none;}
div#loginArea .top a:hover { background:url(../images/login_create.jpg) no-repeat 0 0;}
div#loginArea .mid{ width:594px; padding:20px 30px 5px 30px; background:url(../images/login_bg.png) no-repeat 0 0; overflow:hidden;}
div#loginArea .btm{ width:654px; height:26px; background:url(../images/login_btm.png) no-repeat 0 0;}

div#loginArea .mid form{ margin:0; padding:0;}
div#loginArea .mid form ul{ margin:0 auto; width:580px; padding:0;}
div#loginArea .mid form ul li { float:left; margin:0; width:290px;}
div#loginArea .mid form ul li label { margin:0 5px 0 0; float:left; line-height:33px;}
div#loginArea .mid form ul li input.inputTxt{ width:195px; height:17px;background:url(../images/input_txt.jpg) no-repeat 0 0; border:none; vertical-align:bottom; padding:8px;}

div#loginArea .mid form span { clear:both; overflow:hidden; display:block; padding:0; float:left; width:300px; margin:10px 0 0 0;}
div#loginArea .mid form input.signin { width:66px; height:26px;background:url(../images/input_btn.jpg) no-repeat 0 0; float:right; margin:10px 20px 0 0; padding:0 0 3px 0; border:none; color:#fff;}
div#loginArea .mid form input.signin:hover {background:url(../images/input_btn.jpg) no-repeat 0 -26px; }

div#loginArea .mid form span.error {display:block; color:#cc0000; margin:5px 0; padding:5px 15px; background:#ffe6e6; border:1px solid #ffacac;}

/* Footer Stuff */
div#footerContainer { width:960px; padding:20px 0; clear:both; overflow:hidden; border-top:1px solid #e5e5e5;}

div#footerContainer .productCat { width:564px; overflow:hidden; }
div#footerContainer .productCat .top{ width:564px; height:23px; background:url(../images/footer_cat.jpg) no-repeat top center; overflow:hidden;  }
div#footerContainer .productCat .mid{ width:532px; padding:0 15px 10px 15px; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; overflow:hidden; }
div#footerContainer .productCat .btm{ width:564px; height:12px; background:url(../images/footer_cat.jpg) no-repeat bottom center; }
div#footerContainer .productCat h3{ padding:0; margin:0 0 12px 0; font-size:12pt; font-weight:normal; color:#333;}
div#footerContainer .productCat ul { margin:0 7px 0 16px; font-size:11px; white-space:normal;}
div#footerContainer .productCat ul li{color:#515151; list-style:square;}
div#footerContainer .productCat ul li a{color:#515151; text-decoration:none;}
div#footerContainer .productCat ul li a:hover {text-decoration:underline;}

div#footerContainer .notice { width:396px; overflow:hidden; text-align:right; font-size:85%;}
div#footerContainer .notice p{ padding:0 0 4px 0; margin:0}

/* Notice Display Boxes */
div.info-notice {display:block; color:#445e79; margin:15px 0; padding:12px; background:#e6edff; border:1px solid #a4d0ff; position:relative;}
div.info-notice .ctl, .ctr, .cbl, .cbr { width:9px; height:8px; position:absolute;}
div.info-notice .ctl {top:-1px; left:-1px; background:url(../images/info-notice_corners.jpg) no-repeat 0 0; }
div.info-notice .ctr { top:-1px; right:-1px; background:url(../images/info-notice_corners.jpg) no-repeat -9px 0; }
div.info-notice .cbl {bottom:-2px; left:-1px; background:url(../images/info-notice_corners.jpg) no-repeat 0 -9px; }
div.info-notice .cbr {bottom:-2px; right:-1px; background:url(../images/info-notice_corners.jpg) no-repeat -8px -9px; }
div.info-notice p{ padding:0; margin:0; padding:2px 0 2px 0px}
div.info-notice strong{ font-weight:bold;}

div.info-error {display:block; color:#cc0000; margin:5px 0; padding:15px; background:#ffe6e6; border:1px solid #ffacac;}
div.info-error p{ padding:0; margin:0; background:url(/images/icon_error.png) no-repeat top left; padding:2px 0 2px 45px}
div.info-error strong{color:#cc0000;}

div.info-warning {display:block; color:#747242; margin:5px 0; padding:15px; background:#fffee6; border:1px solid #ffea5e;}
div.info-warning p{ padding:0; margin:0; background:url(/images/icon_warning.png) no-repeat top left; padding:2px 0 2px 45px}
div.info-warning strong{color:#747242;}

div.info-success {display:block; color:#6DBF2F; margin:5px 0; padding:15px; background:#f1ffe7; border:1px solid #6DBF2F;}
div.info-success p{ padding:0; margin:0; background:url(/images/icon_success.png) no-repeat top left; padding:2px 0 2px 45px}
div.info-success strong{color:#6DBF2F;}

/* Check out Stages*/
div.checkoutStage1, div.checkoutStage2, div.checkoutStage3 { width:720px; height:35px; background-image:url(../images/checkout_stages.jpg); background-repeat:no-repeat;margin:15px 0;}
div.checkoutStage1 { background-position:0 0;}
div.checkoutStage2 { background-position:0 -35px;}
div.checkoutStage3 { background-position:0 -70px;}

/* Basket */
#checkout_products {border-collapse:collapse; margin:0;padding:0;width:100%;}
#checkout_products tr.header th{padding:7px 10px 7px 10px; font-size:1.1em;font-weight:bold;color:#fff;background:url(../images/title_area.jpg) repeat-x top center; border-bottom:1px solid #494949;}
#checkout_products tr.header th.cornerL { background:url(../images/title_area.jpg) no-repeat left top;}
#checkout_products tr.header th.cornerR { background:url(../images/title_area.jpg) no-repeat right top; width:100px;}
#checkout_products tr.totalArea th{padding:5px; font-size:1.2em;font-weight:bold;color:#434343; }
#checkout_products tr.totalArea th{}
#checkout_products th img{ vertical-align:middle;}
#checkout_products td {padding:14px 10px;vertical-align:middle; border-bottom:1px solid #E4E4E4; border-top:1px solid #fff; overflow:hidden; clear:both;}
#checkout_products td.alt1 { background:#f4f4f4;}
#checkout_products td a.desc { text-decoration:none; font-weight:bold; font-size:13px;}
#checkout_products td a:hover.desc { text-decoration:underline;}
#checkout_products img {border:none;padding:0;}
#checkout_products form {text-align:center;padding:0;margin:0;border:0;}
#checkout_products label,input,select {vertical-align:middle;margin:0 5px 0 0;}
#checkout_products .left {text-align:left;}
#checkout_products .center {text-align:center;}
#checkout_products .right {text-align:right;}

input.removeBtn { width:61px; height:23px; padding:0 0 2px 0; border:none; background:url(../images/checkout_removebtn.jpg) no-repeat; color:#fff; font:bold 12px Arial, Helvetica, sans-serif; cursor:pointer;}
input.removeBtn:hover {background:url(../images/checkout_removebtn.jpg) no-repeat 0 -23px; }
input.btn_proceed { margin:5px 0 0 10px; cursor:pointer; border:none; height:23px; float:right; width:100px; background:url(/images/btn_quickbuy.jpg) no-repeat; color:#523c00; padding:0 0 2px 0; font:bold 12px Arial, Helvetica, sans-serif;}
input.btn_proceed:hover {background:url(../images/btn_quickbuy.jpg) no-repeat 0 -23px; }

input.btn_update { margin:2px 5px 0 3px; cursor:pointer; border:none; height:23px; width:61px; background:url(/images/btn_blue_med.jpg) no-repeat; color:#fff; padding:0 0 2px 0; font:bold 12px Arial, Helvetica, sans-serif;}
input.btn_update:hover { background:url(/images/btn_blue_med.jpg) no-repeat 0 -23px;}

a.btn_continueshop { width:135px; height:23px; line-height:23px; background:url(../images/btn_blue_large.jpg) no-repeat 0 0; float:left; color:#fff; text-align:center; font-weight:bold; font-size:12px; text-decoration:none;}
a:hover.btn_continueshop { background:url(../images/btn_blue_large.jpg) no-repeat 0 -23px;}

/* Checkout Stage II */
.checkout_block {margin:10px 0; padding:;}
div#contentArea #mainContent #copy .checkout_block h2 {color:#fff; padding:0 0 0 12px; line-height:36px; height:36px; margin:0; background:#525252 url(../images/title_area.jpg) no-repeat top center; font-size:12pt; letter-spacing:0; }
.checkout_block ul {margin:0; padding:10px; background:#f1f1f1;}
.checkout_block ul li{margin:0; padding:3px 0 3px 0; clear:both; overflow:hidden;}

.checkout_block .blockArea { border-right:1px solid #EAEAEA; border-left:1px solid #EAEAEA;padding:12px 12px 5px 12px;}
.checkout_block .btm {background:url(../images/title_area_foot.jpg) no-repeat bottom center; height:9px; width:720px;}

input.txtInput { width:240px; border:1px solid #E4E4E4; padding:5px; float:left; margin:0 5px 0 0;}

.checkout_block .blockArea form#checkout_account_form ul {margin:0 0 10px 0; padding:10px;}
.checkout_block .blockArea form#checkout_account_form ul li{margin:0px 0px; padding:3px 0 3px 0; clear:both; overflow:hidden;line-height:28px;}
.checkout_block .blockArea form#checkout_account_form ul li.fulllist label { float:none; width:400px; font-weight:normal;}
.checkout_block .blockArea form#checkout_account_form label { float:left;  width:280px; font-weight:bold; margin:0 10px 0 0;}

.checkout_block .blockArea form#checkout_card_form ul {margin:10px 0; padding:10px;}
.checkout_block .blockArea form#checkout_card_form ul li{margin:5px 15px; padding:3px 0 3px 0; clear:both; overflow:hidden;}
.checkout_block .blockArea form#checkout_card_form ul li.fulllist label { float:none; width:400px; font-weight:normal;}
.checkout_block .blockArea form#checkout_card_form label { float:left; width:200px; font-weight:bold;}

a#checkout_account_link {margin:0; cursor:pointer; border:none;height:23px; width:110px; background:url(/images/btn_blue_med2.jpg) no-repeat; color:#fff; padding:0; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none; text-align:center;line-height:23px; }
a:hover#checkout_account_link { background:url(/images/btn_blue_med2.jpg) no-repeat 0 -23px;}

a#checkout_card_link {margin:0; cursor:pointer; border:none;height:23px; width:140px; background:url(/images/btn_yellow_large.jpg) no-repeat; color:#533c00; padding:0; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none; text-align:center;line-height:23px; }
a:hover#checkout_card_link { background:url(/images/btn_yellow_large.jpg) no-repeat 0 -23px;}

input.btnSubmit { margin:5px 0 0 0; cursor:pointer; border:none; height:23px; width:100px; background:url(/images/btn_quickbuy.jpg) no-repeat; color:#523c00; padding:0 0 2px 0; font:bold 12px Arial, Helvetica, sans-serif;}
input.btnSubmit:hover {background:url(../images/btn_quickbuy.jpg) no-repeat 0 -23px; }

input.btnSubmitPayment { margin:5px 0 0 0; cursor:pointer; border:none; height:23px; width:140px; background:url(/images/btn_yellow_large.jpg) no-repeat; color:#523c00; padding:0 0 2px 0; font:bold 12px Arial, Helvetica, sans-serif;}
input.btnSubmitPayment:hover {background:url(../images/btn_yellow_large.jpg) no-repeat 0 -23px; }


span.error { color:#cc0000; font-weight:bold;}

/* Generic Form */
form.GenericForm  {padding:0; overflow:hidden; margin:5px 0 5px 0;}
form.GenericForm ol { margin:0; padding: 0; list-style:none; }
form.GenericForm li { padding:4px 0; list-style: none; margin: 0 0 2px 0; overflow:hidden; clear:both; list-style:none;}
form.GenericForm legend { color: #555555; font-weight: bold; border: 0px; margin:0; padding:0;}
form.GenericForm label {display: block;line-height:2em;vertical-align: top; font-weight:bold; width:200px;float: left; padding:0;}
form.GenericForm label.checklabel {display: block;line-height: 1.5;vertical-align: top;width:30px;}
form.GenericForm label.large {display: block;line-height: 1.2;vertical-align: top;width:450px; margin:0 20px 0 0;float: left;}
form.GenericForm input.checkboxsmall {width:20px; float:left; border:1px solid #d6d6d6; padding:0;}
form.GenericForm input.txtinput, file.txtinput {width:300px; border:1px solid #ccc; padding:6px; color:#000; font:9pt Arial, Helvetica, sans-serif; background:none; float:left;}
form.GenericForm textarea.txtinput {width:300px; height:60px; border:1px solid #ccc; padding:6px; color:#000; font:9pt Arial, Helvetica, sans-serif; background:none; float:left;}
form.GenericForm select.txtinput {width:332px;border-right:1px solid #59544a;border-left:1px solid #454139;border-bottom:1px solid #59544a;border-top:1px solid #454139; padding:6px;color: #000;font:9pt Arial, Helvetica, sans-serif;background-color: #2e2b25; float:left;}
form.GenericForm input.txtinput:focus, textarea.txtinput:focus {color: #000;border: 1px solid #797A75;}
form.GenericForm input.buttonsubmit { margin:2px 5px 0 3px; cursor:pointer; border:none; height:23px; width:61px; background:url(/images/btn_blue_med.jpg) no-repeat; color:#fff; padding:0 0 2px 0; font:bold 12px Arial, Helvetica, sans-serif;}
form.GenericForm input.buttonsubmit:hover { background:url(/images/btn_blue_med.jpg) no-repeat 0 -23px;}

/* Terms Popup */
div#termsPopup {width:440px;height:280px; position:absolute; background:url(/images/terms_bg.png) no-repeat; padding:20px 40px 20px 40px;margin:0; z-index:100;}
div#termsPopup div{ height:270px; overflow:auto;}
div#termsPopup h1{ margin:10px 0 15px 0; padding:0 0 5px 0; font-size:2em; color:#00a991; border-bottom:1px solid #ccc;}
div#termsPopup p {margin:0; padding:4px 0 12px 0;}
div#termsPopup em{ font-style:italic;}
div#termsPopup strong { font-weight:bold;}
div#termsPopup a#termsClose {background:url(/images/modal_close.png) no-repeat; width:40px; height:40px; display:block; overflow:hidden; position:absolute; right:-5px; top:-5px; text-indent:-99999px;}

