/** BASIC */

body {margin:0px; padding:0px; background-color:#FFFFFF;}


/** FORMS */

form {margin:0px; padding:0px;}


/** HEADINGS */

h1, h2, h3, h4, h5, h6 {margin:0px;}
#content-wrapper h1 {color:#00A2EB; font-family:Verdana,Arial,Sans-Serif; font-weight:normal; font-size:2.6em; margin-bottom:15px;}
#content-wrapper h2 {color:#00A2EB; font-family:Verdana,Arial,Sans-Serif; font-weight:normal; font-size:1.8em; margin-bottom:4px;}
#content-wrapper h2.product-header 
{
    background:url("../graphics/heading_gradient_sml.png") repeat-x scroll center bottom #FFFFFF;
    border:0 none;
    height:auto;
    margin:20px 0 5px;
    padding:0 0 10px;
    text-transform:capitalize;
}
#content-wrapper h3 {color:#00A2EB; font-family:Verdana,Arial,Sans-Serif; font-weight:normal; font-size:1.4em;}

/** TEXTS */

body, th, td, input, textarea, select {font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#999999;}

p, blockquote, ul, ol, dl {margin-top:0px; margin-bottom:1em; text-align:justify;}
#content-wrapper ul li, #content-wrapper ol li {padding-bottom:4px;}

#content-wrapper p.product-price 
{
    color:#f39400;
    font-size:1.7em;
    font-weight:bold;
    margin:10px 0 2px !important;
    text-align:left;
}


/** LINKS */

a {color:#888;}
a:hover {text-decoration:none;}

#content-wrapper a {color:#00A2EB;}
#content-wrapper a.btn {color:#fff;}

/** MISC */

.clear {clear:both;}
.align-justify {text-align:justify;}
.align-right {text-align:right;}

img {border:none;}
hr {display:none;}
.empty {margin:auto; margin-bottom:20px; width:560px; height:110px; min-height:110px; border:solid 1px #ccc; background:#ededed; font-size:1.1em; font-weight:bold; text-align:center; padding-top:20px;}
.empty span {font-weight:normal;}

/** BASIC */

html, body {height:100%;}


/** HEADER */

#header {width:982px; height:60px; margin:0px auto; padding:5px 0px 4px 0px; display:none;}

#logoArea {float:left; width:280px; height:60px;}
#logoArea h1, #logoArea h2 {position:absolute; left:-10000px;} /*For SEO, not in use*/
 
#icon-menu {float:right;}
#icon-menu ul {margin:0px; padding:0px; list-style:none;}
#icon-menu li {display:inline;}
#icon-menu .vline {display:block; float:left; width:1px; height:60px; background:url(../graphics/btn-spacer.gif) no-repeat left center;}

#icon-menu a {display:block; float:left; width:78px; height:15px; padding:40px 0px 0px 0px; text-align: center; text-decoration: none; font-size: 10px; color: #626262;}
#icon-menu a.home { background:url(../graphics/btnHome.jpg) no-repeat left top; }
#icon-menu a.search { background:url(../graphics/btnSearch.jpg) no-repeat left top; }
#icon-menu a.cart { background:url(../graphics/btnCart.jpg) no-repeat left top; }
#icon-menu a.account { background:url(../graphics/btnAccount.jpg) no-repeat left top; }
#icon-menu a.contact { background:url(../graphics/btnContact.jpg) no-repeat left top; }


/** HEADER2 */

#header2 {width:982px; margin:0px auto;}

#logo {float:left; width:170px; height:38px; padding:0; margin-top:30px;}
#logo span { color:#fff; }
#logo img {}

#main-menu {float:left; width:802px; height:38px; padding:0; margin-top:30px;}
#main-menu table {width:100%; height:38px; margin:0; padding:0; border:0;}
#main-menu table tr td {background:url(../graphics/mainNavBg.jpg) repeat-x;padding:0;margin:0;}
#main-menu table tr td.left {width:4px; background:url(../graphics/mainNavLeft.jpg) no-repeat top right;}
#main-menu table tr td.right {width:2px; background:url(../graphics/mainNavRight.jpg) no-repeat top left;}

#main-menu div {display:inline;}
#main-menu ul {list-style-image:none; list-style-position:outside; list-style-type:none;padding-left:0;}
#main-menu li {display:inline;}
#main-menu li a 
{
    background:url(../graphics/mainNavSpacer.jpg) no-repeat top right; 
    float:left; 
    width:106px; 
    height:26px; 
    padding-top:12px;
    margin-top:-11px; 
    margin-top:0\0; /**IE 8 HACK**/
    overflow:hidden; 
    display:block; 
    text-align:center; 
    text-decoration:none; 
    color:#00A2EB; 
    font-weight:bold;
    font-size:1em;
}
#main-menu li a:hover {background:#fcfcfc; border-top:solid 1px #efefef; border-bottom:solid 1px #efefef; height: 25px; padding-top: 11px;}

#main-menu div.searchBox { margin-left:10px; position:absolute; width:140px; top:40px;}
#main-menu div.searchBox .left {background:url(../graphics/searchLeft.jpg) no-repeat left top; display:block; width:11px; height:21px; position:absolute; left:0; top:0;}
#main-menu div.searchBox .right {background:url(../graphics/searchRight.jpg) no-repeat right top; display:block; width:22px; height:21px; position:absolute; right:0; top:0;}
#main-menu div.searchBox input 
{
    border:0 none; 
    background:url(../graphics/searchBg.jpg) repeat-x center top; 
    width:107px; 
    height:21px;     
    color:#777;
    font-size:11px; 
    font-style:normal; 
    font-variant:normal; 
    font-weight:normal; 
    line-height:normal;     
    margin:0 0 0 7px; 
    padding-left:4px; 
    padding:0 0 0; 
    padding-top:3px\0; /**IE 8 HACK**/
    position:absolute; 
    top:0; 
    right:10px; 
    left:4px;
    outline:none;
}


/** CONTENT */

#content {width:982px; margin:0px auto;}

#crumb-wrapper {width:632px; height:23px; margin-bottom:10px;}
#crumb-wrapper tr td.left {width:60px; height:23px; background:url(../graphics/crumbLeft.jpg) no-repeat left top;}
#crumb-wrapper tr td.right {width:2px; height:23px; background:url(../graphics/crumbRight.jpg) no-repeat right top;}
#crumb-wrapper tr td.crumbs {width:570px; height:23px; background:url(../graphics/crumbBg.jpg) repeat-x; font-size:0.9em;padding-left:4px;}
#crumb-wrapper tr td.crumbs img {width:8px; height:11px; margin:0;vertical-align:middle;margin-bottom:1px;}
#crumb-wrapper tr td.crumbs div {}

#content-wrapper {width:632px;}
#content-wrapper div.top {width:632px; height:2px; background:url(../graphics/contentTop.jpg) no-repeat left top;}
#content-wrapper div.middle {width:632px; min-height:200px; background:url(../graphics/contentBg.jpg) repeat-y; padding:6px 0 6px 0;}
#content-wrapper div.bottom {width:632px; height:2px; background:url(../graphics/contentBottom.jpg) no-repeat left top;}

a.btn {font-size:0.9em; font-weight:bold; text-decoration:none; color:#fff; display:block; height:17px; margin:0; overflow:hidden; padding-top:2px; text-align:center;}
a.small {width:47px; background:transparent url(../graphics/btn.jpg) no-repeat scroll 0 0;}
a.middle {width:100px; background:transparent url(../graphics/btnMiddle.jpg) no-repeat scroll 0 0;}
a.large {width:47px; background:transparent url(../graphics/btnMiddle.jpg) no-repeat scroll 0 0;}


/** 3-COLUMN LAYOUT */

.three-cols {}
.three-cols .colA {float:left; width:160px; padding-top:10px;}
.three-cols .colB {float:left; width:632px; margin:10px 10px 0 10px;}
.three-cols .colC {float:left; width:160px; padding-top:10px;}


/** 2-COLUMN LAYOUT */

.two-cols {}
.two-cols .colA {float:left; width:199px; padding:6px 0px 0px 6px;}
.two-cols .colB {float:left; width:560px; padding:6px 0px 0px 7px;}

/** 1-COLUMN LAYOUT */

.one-col {}
.one-col .col {float:left; width:970px; margin:10px 0 0 0;min-height:400px;}


/** SIDE-MENUS */
.menu-wrapper {width:160px; margin-bottom:10px;}
.menu-wrapper-cart {margin-bottom:0;}
.menu-wrapper div.top {background-repeat:no-repeat;background-position:top left;width:160px;height:24px;}
.menu-wrapper div.content {background-repeat:repeat-y;width:160px;}
.menu-wrapper div.bottom {background-repeat:no-repeat;background-position:top left;width:160px;height:2px;}

.menu-wrapper div ul {list-style-image:none; list-style-position:outside; list-style-type:none;margin-bottom:0;padding:0 1px 0 1px;}
.menu-wrapper div table {width:158px; margin:0 auto;}
.menu-wrapper div ul li {}
.menu-wrapper div ul li a {padding:3px 0 3px 10px; display:block; text-decoration:none;}
.menu-wrapper a.lvl0 {padding:3px 0 3px 10px; display:block; text-decoration:none;}
.menu-wrapper div h2 {font-size:1.0em;padding:5px 0 0 10px;}

.blueTop {background-image:url(../graphics/menuBlueTop.jpg);color:#fff;}
.blueContent {background-image:url(../graphics/menuBlueBg.jpg);}
.blueContent h2 {color:#00A2EB; margin-bottom:5px;}
.blueContent div.errors {padding:5px 5px 5px 8px;}
.blueContent ul li a {color:#a5a7a9;}
.blueContent ul li a:hover {background:#fcfcfc;}
.blueBottom {background-image:url(../graphics/menuBlueBottom.jpg);}

.greyTop {background-image:url(../graphics/menuGreyTop.jpg);color:#999;}
.greyContent {background-image:url(../graphics/menuGreyBg.jpg);}
.greyContent ul li a {color:#999;}
.greyContent a.lvl0 {}
.greyContent a.lvl1 {padding-left:25px; background: url(../graphics/arrow.gif) no-repeat 15px;}
.greyContent a.lvl2 {padding-left:40px; background: url(../graphics/arrow.gif) no-repeat 30px;}
.greyContent a.lvl3 {padding-left:55px; background: url(../graphics/arrow.gif) no-repeat 45px;}
.greyContent ul li a:hover, .greyContent a.lvl0:hover {background:#f9f9f9;}
.greyContent a.lvl1:hover, .greyContent a.lvl2:hover, .greyContent a.lvl3:hover {text-decoration:underline;}
.greyBottom {background-image:url(../graphics/menuGreyBottom.jpg);}

.menu-wrapper div.content table.form {width:154px; margin:0px auto;}
.menu-wrapper div.content table tr td.lbl {padding: 0 0 0 2px;}

.menu-wrapper .cart { }
.menu-wrapper .cart tr td { vertical-align:top; color:#a5a7a9; }
.menu-wrapper .cart tr td a { font-weight:bold; }
.menu-wrapper .cart tr td span { font-weight:bold; color:#00A2EB; }
.menu-wrapper .cart tr td.quantity { border-bottom:solid 1px #fff; padding: 0 0 4px; }
.menu-wrapper .cart tr td.quantity div {float:right;}
.menu-wrapper .cart tr td.total { color:#a5a7a9; font-weight:bold; margin: 0 0 10px; }
.menu-wrapper .cart tr td.total span { color:#00A2EB; }
.menu-wrapper .checkout {margin:8px 4px 0 0;float:right;}

.basketlink {margin:0 0 10px 2px;}

/** FOOTER */

#footer {clear:both; padding:1em; font-size:10px; color:#CCCCCC;}
#footer p {text-align:center;}


/** PAGES */
.col-left {float:left; width:270px; margin-right:30px; font-family:Verdana,Arial,Sans-Serif;}
.col-left p {color:#00A2EB;}
.col-right {float:left; width:300px;}

#tag {color:#00A2EB; font-size:1.7em; width:300px; line-height:25px; position:absolute; top:110px; margin-left:40px; z-index:10000;}

#content-wrapper table.bodytext {}
#content-wrapper table.bodytext tr {}
#content-wrapper table.bodytext tr td {vertical-align:top; width:50%;}

#content-wrapper table.partners {}
#content-wrapper table.partners tr {}
#content-wrapper table.partners tr td {vertical-align:middle; padding-bottom:40px;}

#content-wrapper table.form {margin-left:50px; width:100%;}
#content-wrapper table.form tr {height:25px;}
#content-wrapper table.form tr td {text-align:left;}
#content-wrapper table.form tr td.lbl {width:120px;}
#content-wrapper table.form tr td input {width:180px;}

a.iconTileViewOn {background:url('../graphics/iconTileOn.gif') no-repeat scroll 0 10px transparent; font-weight:bold; margin-left:3px; padding:13px 5px 10px 30px; text-decoration:none;}
a.iconTileViewOff {background:url('../graphics/iconTileOff.png') no-repeat scroll 0 10px transparent; font-weight:bold; margin-left:3px; padding:13px 5px 10px 30px; text-decoration:none;}
a.iconListViewOn {background:url('../graphics/iconListOn.gif') no-repeat scroll 0 10px transparent; font-weight:bold; margin-left:3px; padding:13px 5px 10px 30px; text-decoration:none;}
a.iconListViewOff {background:url('../graphics/iconListOff.png') no-repeat scroll 0 10px transparent; font-weight:bold; margin-left:3px; padding:13px 5px 10px 30px; text-decoration:none;}

#product {margin:0 8px 8px 0; width:194px; min-height:160px; border:solid 1px #f1f1f1;}
#product div.image {height:130px; margin:auto; text-align:center; padding:5px 0 0 0;}
#product div.detail {margin:auto; text-align:center;}
#product div.detail div.title {height:30px;}
#product div.detail div.title a {font-weight:bold; font-size:1.2em; text-decoration:none;}
#product div.detail div.price {height:20px; margin:5px 0 5px;}
#product div.detail div.buttons {height:20px; width:156px; margin:auto; padding-bottom:5px;}
#product div.detail div.buttons div {margin-right:5px; float:left;}

dl.details {font-size:1.1em; margin:8px;}
dl.details dt {font-weight:bold; float:left; clear:left; width:70px; padding:0;}
dl.details dd {float:left; margin-bottom:4px;}

table.grid {width:100%;}
table.grid tbody tr {}
table.grid tbody tr th {background:url(../graphics/tableRowHeadBg.jpg) repeat-x; height:26px; vertical-align:middle; border-right:solid 1px #fff; padding:0 4px 0 4px;}
table.grid tbody tr th.first {text-align:left; padding-left:10px; border-right:none;}
table.grid tbody tr th a {display:block; text-decoration:none;}
table.grid tbody tr td {height:64px; vertical-align:middle; padding-left:4px;}
table.grid tbody tr td.short {height:44px;}
table.grid tbody tr td a {margin:auto;}
table.grid tbody tr td a.title {font-weight:bold; font-size:1.2em; text-decoration:none; margin-left:4px;}
table.grid tbody tr td div.buttons {width:147px; margin:auto;}
table.grid tbody tr td div.buttons div {margin-right:2px; float:left;}
table.grid tbody tr.totals {}
table.grid tbody tr.totals td {border-top:solid 1px #aaa; font-weight:bold;}
table.grid tbody tr.totals td div {margin:4px;}
table.grid tbody tr.totals td div.net {font-size:1.1em; color:#00c005;}

table.grid tbody tr td p.cart-quantity {margin:0; overflow:hidden; padding-right:10px; width:52px; display:inline-block; font-size:11px; padding:2px 0 0; vertical-align:top; text-align:center; margin:0 10px 0 0;}
table.grid tbody tr td p.cart-quantity span {background:#fff; border:solid 1px #ededed; display:inline-block; float:left; height:12px; padding:0; text-align:center; vertical-align:middle; width:22px;}
table.grid tbody tr td p.cart-quantity a {background:url('../graphics/cart-plus-less.png') no-repeat scroll 50% -28px transparent; cursor:pointer; float:left; height:14px; overflow:hidden; text-indent:-999em; width:14px; color:#AE269E; font-size:12px; text-decoration:underline;}
table.grid tbody tr td p.cart-quantity a.less-items {background-position:50% -28px; cursor:pointer; float:left;}
table.grid tbody tr td p.cart-quantity a.less-disabled {background-position:0 -42px;}
table.grid tbody tr td p.cart-quantity a.more-items {background-position:0 0; cursor:pointer; float:right;}
table.grid tbody tr td .cart-remove {background:url('../graphics/cart-remove.png') no-repeat scroll 0 0 transparent; border:0 none; display:inline-block; height:16px; line-height:999px; overflow:hidden; vertical-align:middle; width:13px;}

#pager {margin:10px 0 0 0; width:100%;}
#pager div {margin:0; float:left;}
#pager .left {width:19%; text-align:left;}
#pager .total {width:60%; text-align:center;}
#pager .total span {}
#pager .right {float:right; width:19%; text-align:right;}
#pager a.disabled {color:#d0d7dd;}

#images {border: solid 0px #000; float:left; margin:0 0 0 0; width:250px; vertical-align:middle; text-align:center; }
#images .imgMain {height:200px; margin:auto; width:200px;}

#details {border: solid 0px #000; margin:0 0 0 0;}
#details .name{color: #00a2eb; font-size: 16px; font-weight:bold;}
#details .btn{float:left; margin-right: 2px;}

#info {border: solid 0px #000; margin:0 0 0 0; width:100%;}
#info .header{color:#00a2eb; font-size: 14px; font-weight:bold; padding: 10px 0px 5px 0px; }
#info .label{float:left; padding-left: 10px; width: 150px; font-weight:700;}

#special, #specialSearch, #specialCat {border:solid 1px #f3f3f3; width:auto; height:270px; background:url('../graphics/bgSpecial.jpg') repeat-x 0 0 #f3f3f3; padding:15px 0 0 15px;}
#specialSearch {margin-top:15px; height:35px; color:#00a2eb; font-weight:bold;}
#specialCat {margin-top:15px; height:150px;}
#special h2, #specialCat h2 {clear:both; color:#aaa; margin-bottom:10px;}
#special div.container {float:left; margin:0 15px 15px 0; width:131px; height:100px; border:solid 1px #dfdfdf; background:#fefefe; text-align:center;}

#special div.container div {height:60px; padding:2px; margin-left:25px;}
#special div img {}
#special div img.badge {position:relative; float:right; display:inline; top:-5px; left:5px; z-index:1000;}
#special div a {text-align:center;}
#special div p {height:4px; margin:0; padding:0;}
#special div span {color:#00a2eb; font-size:1.1em; font-weight:bold;}

#specialSearch div#txtContainer {float:left; margin:0 5px 0 40px;}
#specialSearch div#btnContainer {float:left; margin-right:5px;}

#specialCat table {}
#specialCat table tr {}
#specialCat table tr td {font-size:1.2em;}
#specialCat table tr td a {color:#999;}
#specialCat table tr td a:hover {color:#00a2eb;}