/* Design and styles Copyright Webcity 2008 */

/* RESET 
----------------------------------------------------------------------------------------------------*/
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,b,u,i,center,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-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* GLOBAL
----------------------------------------------------------------------------------------------------*/
body {
	margin:0 auto;
	font: 12px 'Lucida Grande', Arial, sans-serif;
	background: #fff;
}
a {
	text-decoration:none;
}
a.txtButton {
	margin: 0 3px;
}
a:focus {
	outline: 1px dotted invert;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}
.cText {
	text-align:center;
}
.lText {
	text-align:left;
}
.rText {
	text-align:right;
}
input,  textarea, select {
	font-size:12px;
	color: #626262;
	font: 12px 'Lucida Grande', Arial, sans-serif;
}
.txtOldPrice {
	text-decoration: line-through;
	color: #BBBBBB;
	font-size:11px;
}
.txtOutOfStock {
	color: #b92c00;
}
.req {
	color: #c50202;
}
.smallText {
	color: #c6c6c6;
	font-size:80%;
}

/* HEADINGS
----------------------------------------------------------------------------------------------------*/
h1 {
	font-size: 22px;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 19px;
}

h4 {
	font-size: 17px;
}

h5 {
	font-size: 15px;
}

h6 {
	font-size: 14px;
}

/* Spacing
----------------------------------------------------------------------------------------------------*/
ol {
	list-style: decimal;
}

ul {
	list-style: disc;
}
ul ul {
	list-style:circle;
	margin:0;
}

li {
	margin-left: 10px;
	padding:3px 0
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 20px;
}

/* HEADER
----------------------------------------------------------------------------------------------------*/
#header {
	overflow:hidden;
	position:relative;
	padding-top:0px;
	width:940px;
	margin:0 auto;
}
#header #logoLink {
	display:block;
	width:500px;
}
#header #logoLink img {
	border:0;
}
#header .session {
	font-size:11px;
	position:absolute;
	bottom:0;
	right:0;

}
#header .session p {
	display:inline;
	margin-left:10px;
}
#header .session a {
	text-decoration: underline;
}
#header .session a:hover {
	text-decoration: none;
}


/* MAIN NAV
----------------------------------------------------------------------------------------------------*/
#nav-main {
	overflow: hidden;
	border: 1px solid #cbcbcb;
	border-width:1px 0;
	clear:both;
	height:45px;
	width:940px;
	margin:10px auto 20px auto;
}
#nav-main .siteDocs {
	clear:left;
	float:left;
	margin:0;
	width:80%;
}
#nav-main .siteDocs li {
	display:inline;
}
#nav-main .siteDocs a {
	padding:0 15px;
	height:45px;
	line-height:45px;
	display:block;
	float:left;
}
#nav-main .searchForm {
	float:left;
	display:inline;
	padding:10px 0;
	width:20%;
	text-align: right;
}
#nav-main .searchForm button {
	text-indent: -9999px;
	border:0;
	background:url('../styleImages/go.gif') center center no-repeat;
	width:16px;
	height:10px;
	position:relative;
	top:2px;
	cursor:pointer;
}
#nav-main .searchBox {
	border:1px solid #cbcbcb;
	width:134px;
	padding:3px;
}

/* CONTENT CONTAINER
----------------------------------------------------------------------------------------------------*/
#bodyCont {
	overflow: hidden;
	clear:both;
	width:940px;
	margin:0 auto;
}
#bodyCont .colLeft, #bodyCont .colRight {
	float:left;
	display:inline;
	width:220px;
}
#bodyCont .colLeft {
	margin-right:10px;
}
#bodyCont .colMid {
	float:left;
	display:inline;
	margin: 0 10px;
	width:460px;
}
#bodyCont .colRight {
	margin-left:10px;
}

/* BOXES
----------------------------------------------------------------------------------------------------*/
.box {
	width:220px;
	background:url('../styleImages/box-bg.gif') top left repeat-y;
	margin-top:20px;
	text-align: center;
	color: #757575;
}
.box h2 {
	text-indent: -9999px;
	height:19px;
	padding:20px 0;
	margin:0 auto;
	background:url('../styleImages/box-top.gif') top left no-repeat;
}
.box h2 span {
	display:block;
	height:19px;
}
.box .box-last {
	margin:0 auto;
	padding: 0 0 20px 0;
	background:url('../styleImages/box-bottom.gif') bottom left no-repeat; 
}

/* FEATURED BOX
----------------------------------------------------------------------------------------------------*/
.random-prod h2 span {
	background:url('../styleImages/featured-prod.gif') center center no-repeat;
}
.random-prod a {
	display:block;
	text-align:center;
}
.random-prod a img {
	text-decoration: none;
	display:block;
	text-align: center;
	margin:0 auto 10px auto;
}
.random-prod a:hover {
	text-decoration: none;
}
.random-prod a:hover span {
	background: #fffcdd;
}

/* USEFUL LINKS BOX
----------------------------------------------------------------------------------------------------*/
.useful-links h2 span {
	background:url('../styleImages/useful-links.gif') center center no-repeat;
}
.useful-links ul {
	list-style: none;
}
.useful-links ul li {
	margin:0 0 10px 0;
}
.useful-links li a {
	padding:5px;
}
.useful-links li a:hover {
	background:#fffcdd
}
.useful-links {
	margin-top:0;
}

/* SHOPPING CART BOX
----------------------------------------------------------------------------------------------------*/
.shopping-cart {
	margin-top:0;
}
.shopping-cart h2 span {
	background:url('../styleImages/your-shopping-cart.gif') center center no-repeat;
}
.shopping-cart .box-last a {
	display:block;
	margin:0 auto;
	width:112px;
	height:30px;
	background:url('../styleImages/view-cart-button.gif') top left no-repeat;
	text-indent: -9999px;
}
.shopping-cart .box-last a:hover {
	background-position: top right;
}
.prod-price a {
	text-decoration: underline;
}
.prod-price a:hover {
	text-decoration: none;
}
span.number-items, span.total-cost, .prod-price span {
	font-weight:bold;
}


/* MAILING LIST BOX
----------------------------------------------------------------------------------------------------*/
.mail-list h2 span {
	background:url('../styleImages/mailing-list.gif') center center no-repeat;
}
.mail-list button {
	display: block;
	text-indent: -9999px;
	width:98px;
	height:30px;
	background:url('../styleImages/sign-up-button.gif') top left no-repeat;
	margin:20px auto 0 auto;
	border:0;
	cursor:pointer;
}
.mail-list button:hover {
	background-position: top right;
}
.mail-list input.textbox {
	padding: 3px;
	border:1px solid #c8c8c8;
	width:70%;
	margin:0 auto;
}

/* CURRENCY BOX
----------------------------------------------------------------------------------------------------*/
.currency h2 span {
	background:url('../styleImages/currency.gif') center center no-repeat;
}

/* CATEGORIES
----------------------------------------------------------------------------------------------------*/
#categories {
	font-size:14px;
}
#categories #categoryLinks {
	padding:20px 15px 15px 15px;
	margin:0;
	list-style:none;
	background:url('../styleImages/categories-bottom.gif') bottom left no-repeat;
}
#categories #categoryLinks li {
	padding-left:20px;
	background:url('../styleImages/star.png') center left no-repeat;
	margin:0;
}
#categories #categoryLinks li a {
	color: #fff;
	padding:5px 0;
	display:block;
	width:100%;
}

/* PAGE CONTENT AREA
----------------------------------------------------------------------------------------------------*/
.colMid {
	background:url('../styleImages/middle-bg.gif') top left repeat-y;
	color: #5f5f5f;
	line-height:22px;
}
.colMid h2.contentTitle {
	background:url('../styleImages/middle-top.gif') top left no-repeat;
	margin:0 auto 20px auto;
	font-size:18px;
	font-weight: normal;
	padding:20px 20px 0 20px;
}
.colMid h2 {
	font-size:18px;
	margin:0 0 10px 0;
	font-weight: normal;
}
.colMid h3 {
	font-size:16px;
	margin:0 0 10px 0;
	font-weight:normal;
}
.colMid h4 {
	font-size:14px;
	margin: 0 0 10px 0;
	font-weight:normal;
}
.colMid h5 {
	font-size: 12px;
	margin:0 0 5px 0;
	font-weight: normal;
	text-transform: uppercase;
}
.colMid ul {
	list-style-position: inside;
}
.boxContent {
	padding:0 20px;
	overflow: hidden;
}
.last-content {
	padding-bottom:20px;
	background:url('../styleImages/middle-bottom.gif') bottom left no-repeat;
}

/* INDEX PAGE
----------------------------------------------------------------------------------------------------*/
#index-page {
	background:#fff;
}
#index-page .home-content {
	padding-bottom:20px;
	margin-bottom:20px;
}
#index-page .boxContent {
	background:url('../styleImages/middle-bg.gif') top left repeat-y;
	padding-bottom:20px;
}
#index-page .home-bottom {
	height:10px;
	background:url('../styleImages/middle-bottom.gif') top left no-repeat;
	clear:both;
}
#index-page .home-top {
	height:10px;
	background:url('../styleImages/middle-top.gif') bottom left no-repeat;
}
#index-page h2.contentTitle {
	background:url('../styleImages/middle-bg.gif') top left repeat-y;
	margin-bottom:0;
	padding-bottom:20px;
	padding-top:10px;
}

/* LATEST PRODS
----------------------------------------------------------------------------------------------------*/
h2#latest-products {
	background:url('../styleImages/latest-prods.gif') top left no-repeat;
	height:39px;
	text-indent: -9999px;
	margin:20px auto 0 auto;
	padding:0;
}
.latest-prod {
	float:left;
	width:33%;
	margin-top:20px;
	line-height:22px;
}
.latest-prod a {
	display:block;
	text-align:center;
}
.latest-prod a img {
	text-decoration: none;
	display:block;
	text-align: center;
	margin:0 auto 10px auto;
}
.latest-prod a:hover {
	text-decoration: none;
}
.latest-prod a {
	font-size:13px;
}
.latest-prod a .prod-name {
	font-size:12px;
	padding-bottom:5px;
	display:inline;
}


/* VIEW CATEGORY
----------------------------------------------------------------------------------------------------*/
.location {
	color: #c5c5c5;
	font-size:11px;
	margin-bottom:20px;
}
.location a {
	color: #c5c5c5;
	text-decoration: underline;
}
.location a:hover {
	text-decoration: none;
	background: #fffcdd;
}
ul#sub-cats {
	list-style: none;
	margin-bottom:15px;
	overflow: hidden;
}
ul#sub-cats li {
	float:left;
	border:1px dotted #e1e1e1;
	padding:10px 5px;
	margin:5px;
	width:118px;
	text-align:center;
	font-size:11px;
}
ul#sub-cats li a img {
	display:block;
	margin:0 auto;
}
ul#sub-cats li a:hover span {
	background: #fffcdd;
}
#category-image {
	display:block;
	text-align:center;
	margin:0 auto 20px auto;
}
ul#product-list {
	list-style: none;
}
ul#product-list li {
	padding: 20px 0;
	border-bottom: 1px dotted #e1e1e1;
	overflow: hidden;
	position:relative;
}
ul#product-list li a {
	text-decoration: underline;
}
ul#product-list li a:hover {
	text-decoration: none;
	background: #fffcdd;
}
ul#product-list li img.prod-img {
	float:left;
	margin-right:20px;
}
ul#product-list .txtOutOfStock {
	text-align: right;
}
ul#product-list p {
	margin:10px 0;
}
ul#product-list form {
	position:absolute;
	bottom: 10px;
	right:0px;
}
ul#product-list .buy-btn {
	padding: 0 5px 0 0;
}
ul#product-list .more-btn {
	padding: 0 0 0 5px;
}
ul#product-list .buy-btn:hover, ul#product-list .more-btn:hover {
	background: transparent
}

/* VIEW PRODUCT
----------------------------------------------------------------------------------------------------*/
p img.prod-img {
	display:block;
	margin:0 auto;
	padding:1px;
	border:1px solid #e1e1e1;
	text-align: center;
}
#prod-meta {
	margin:20px auto;
	background: #f0f0f0;
	padding:5px;
	font-size:11px;
	color: #ababab;
	text-align: center;
}
#prod-meta p {
	display:inline;
	padding:0 4px;
}
#prod-meta p a {
	color: #ababab;
	text-decoration: underline;	
}
#prod-meta p a:hover {
	text-decoration: none;
	background: #fffcdd;
}
.prodPrice {
	font-size:140%;
	text-align: center;
}
#add-to-basket {
	text-align:right;
	margin:20px 0 0 0;
	display:block;
	padding-top:20px;
	border-top:1px dotted #e1e1e1;
}
#add-to-basket a {	
	width:139px;
	display:block;
	margin: 0 0 0 auto;
	height:30px;
	background:url('../styleImages/add-to-basket.gif') top left no-repeat;
	text-indent: -9999em;
	text-align:left;
}
#add-to-basket a:hover {
	background-position: top right;
}
.notify {
	background:#f3fbef;
	text-align: center;
	border:1px solid #bddcaf;
	margin:0 0 20px 0;
	padding:10px;
}
.notify p {
	margin: 5px auto;
	color: #659451;
}
.notify p a {
	color: #4b8133;
	text-decoration: underline;
}
.notify p a:hover {
	text-decoration: none;
}
#prod-options {
	width:100%;
	margin:20px 0 10px auto;
	text-align: right;
	border-top:1px dotted #e1e1e1;
	padding-top:20px;
}
#prod-options select {
	width:40%;
	margin-bottom:10px;
}
p#tmbgal {
	text-align:center;
	margin:0;
	padding:0
}
p#tmbgal img {
	padding:1px !important;
	border:1px solid #e1e1e1 !important;
	margin:10px;
}

/* FORMS
----------------------------------------------------------------------------------------------------*/
.long-form p {
	margin:0 0 10px 0;
}
.reglabel {
	float:left;
	width:200px;
}
.reglabel, .regbox {
	display:block;
}
.regbox {
	width:212px;
	border:1px solid #C8C8C8;
	padding:3px;
}
select.regbox {
	width:220px;
}
select.regbox option {
	padding:0 3px;
}
.long-form p.checkbox {
	text-align: center;
	padding-top:10px;
}
.long-form p.checkbox .reglabel {
	display:inline;
	float:none;
	padding-right:10px;
}
.log-in button {
	width:88px;
	background:url('../styleImages/log-in-button.gif') top left no-repeat;
}
.submit-generic button, .submit-generic a {
	width:90px;
	background:url('../styleImages/submit-generic.gif') top left no-repeat;
}
.continue button, .continue a {
	width:106px;
	background:url('../styleImages/continue-button.gif') top left no-repeat;
}
.register button, .register a {
	width:101px;
	background:url('../styleImages/register-button.gif') top left no-repeat;
}
.edit button, .edit a {
	width:71px;
	background:url('../styleImages/edit-button.gif') top left no-repeat;
}
.log-in button, .submit-generic button, .submit-generic a, .continue button, .continue a, .register a, .register button, .edit a, .edit button {
	height:30px;
	border:0;
	margin:0 auto;
	display:block;
	text-indent: -9999em;
	cursor: pointer;
}
.log-in button:hover, .submit-generic button:hover, .submit-generic a:hover, .continue button:hover, .continue a:hover, .register a:hover, .register button:hover, .edit a:hover, .edit button:hover {
	background-position: top right;
}
h3.formTitle {
	margin-top:20px;
	padding-top:20px;
	border-top:1px solid #e1e1e1;
}
.regSep {
	margin-top:20px;
}

/* CART PAGES
----------------------------------------------------------------------------------------------------*/
body#estyle-blue-cart .colMid {
	width:700px;
	margin:0 auto 20px 10px;
	background:url('../styleImages/cart-middle-bg.gif') top left repeat-y;
}
body#estyle-blue-cart .colMid h2.contentTitle {
	background:url('../styleImages/cart-middle-top.gif') top left no-repeat;
}
body#estyle-blue-cart .last-content {
	background:url('../styleImages/cart-middle-bottom.gif') bottom left no-repeat;
}
.cartProgress {
	width:300px;
	padding:10px;
	border:1px solid #e1e1e1;
	margin:0 auto 20px auto;
	text-align: center;
	color: #c6c6c6;
}
span.txtcartProgressCurrent {
	font-size:140%;
	letter-spacing: -0.05em;
}
#cartCont {
	width:100%;
}
#cartCont td {	
	padding:10px 0;
}
#cartCont thead td {
	padding:10px 0;
	border-bottom:1px solid #e1e1e1;
	font-weight:bold;
}
#cartCont input.textbox {
	padding: 3px;
	border:1px solid #c8c8c8;
}
#cartCont .image-block {
	float:left;
	width:75px;
}
#cartCont .image-block img {
	border:1px solid #e1e1e1;
	padding:1px;
}
.tdcartEven, .tdcartOdd {
	border-bottom:1px dotted #e1e1e1;
}
table#totals {
	width:100%;
	text-align: right;
	margin-top:-15px;
}
table#totals td {
	padding:5px 0;
}
.totalsVal {
	width:180px;
}
#step4, #step3 {
	width:100%;
}
#step4 thead, #step3 thead {
	font-size:130%;
	letter-spacing: -0.05em;
	padding-bottom:10px;
}
#step4 td.del-addr, #step3 td.del-addr {
	text-align: right;
}
#step3 .textbox {
	padding: 3px;
	border:1px solid #c8c8c8;	
}
#step3 td {
	padding:5px 0;
}

/* FOOTER
----------------------------------------------------------------------------------------------------*/
#nav-secondary {
	clear:both;
	overflow: hidden;
	width:940px;
	margin:20px auto 0 auto;
}
#nav-secondary ul.siteDocs {
	float:left;
	margin:20px 0;
	list-style:none;
	padding:0;
}
#nav-secondary ul.siteDocs li {
	display:inline;
	padding:0 10px 0 0;
	margin:0;
}
#nav-secondary a {
	font-size:11px;
	text-decoration: underline;
}
#nav-secondary a:hover {
	background: transparent;
	text-decoration: none;
}
#site-info {
	float:right;
	text-align: right;
	margin-top:20px;
	font-size:11px;
	color: #898989;
}



/* prettify pagination */
.pagination { /* Page 1, 2, 3.. etc */
	text-align: right;
	padding: 5px;
	font-size:80%;
	margin: 10px 0;
	background: #f0f0f0;
}
.pagination span {
	padding: 5px;
	border:1px solid #cacaca;
}
.pagination a {
	padding: 5px;
}
.noProd {
	text-align:center;
	background: #f4f4f4;
	padding: 10px;
	font-size:85%;
}
.noProd a:hover {
	background: #fffcdd
}