/*** Project Info

Author   : Geoff White | geoff@redbullet.co.uk | Red Bullet Web Design
Client   : Chokers Shoes
URL      : http://www.chockersshoes.co.uk
Desc     : Default Stylesheet
Created  : 06 February 2008

Project Info ***/

{ behavior: url(/iepngfix.htc) }

/*** Section 01: Site Structure Styles ***/
body{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; line-height:20px; padding:0; margin:0 auto; background:#5f5b5b url(/images/bg.gif) top left repeat-x;width:900px;position:relative;

}

a{outline:none;}
a:link, a:visited{text-decoration:underline; color:#333333;}
a:hover{text-decoration:none; color:#333333;}
p{padding:0; margin:5px 0 5px 0;}
h1{font-size:20px; padding:0; margin:5px 0 5px 0; color:#999999; font-weight:100;}
h1 span{font-size:20px; padding:0; margin:5px 0 5px 0; color:#000000; font-weight:bold;}
img{border:0};
form{display:inline;}
input{background:#ccc;}
textarea{background:#ccc;}
/*** Section 01: Site Structure Styles End ***/

/*** Section 02: Content ID Styles ***/
#container{ width:900px; margin:10px auto 20px auto;position:relative}
#holdingpg_container{position:relative; width:950px; height:auto; margin:50px 0 0 0; text-align:center;}
#header{ width:900px; margin:0;}
#topLinks{position: absolute; right: 13px; top: 5px; color:#FFFFFF; text-align:right;}
#topLinks a:link, #topLinks a:visited{text-decoration:none; color:#FFFFFF;}
#topLinks a:hover{text-decoration:underline; color:#FFFFFF;}
#flags{margin:0 0 5px 0;}




#links{font:tahoma;color:#FFFFFF; text-transform:none; font-size:12px;position:relative;z-index:99;}
/*#links, x:-moz-any-link {margin:8px 50px 0 0}*/
 
/** Dirty Safari 3 fix**/

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #links {margin:0px 0px 0 0}
}


/**dirty ie6 fix**/

* html #links {
   /*\*/
  left:-140px;
  /* */}

#links span{font-size:20px;}
#contentArea{position:relative; width:880px; padding:10px 0; margin:5px 0 0 10px;background-color:#000000;text-align:center;height:auto}
#contentAreaBasket{width:auto;height:300px;padding: 0;background-color:#fff;text-align:center;z-index:99}
#contentAreaProducts{position:relative;}

#pageTop{width:900px; height:20px; background:url(/images/pageBgTop.png) no-repeat; font-size:0;}
#pageBody{width:860px; padding:0 20px 0 20px; background:url(/images/pageBgBody.png) top repeat-y;margin-top:5px;height:auto;position:relative}
/**#pageBottom{width:900px; height:20px; background:url(/images/pageBgBottom.png) no-repeat;}**/

#pageLeft_blog{position:relative; float:left; width:250px;height:700px;overflow:auto;margin:10px 0 20px 0;padding:10px 0pt 0pt;background:#fff url(/images/blogImage.gif) top left repeat-x;}
* html #pageLeft_blog {
   /*\*/
   width:240px;
  /* */}




#pageLeft{position:relative; float:left; width:350px;height:715px;overflow:auto;margin:10px 0 20px 0;}
* html #pageLeft {
   /*\*/
   width:340px;
  /* */}


#pageLeft2{position:relative; float:left; width:300px;height:700px;overflow:auto;margin:10px 0 20px 0;}

#pageRight{position:relative; float:right; width:420px;}
#pageRight2{position:relative; margin: 10px 0 25px 0;float:left; width:510px; min-height:500px; height:auto !important; height:500px; background:url(/images/dottedLine.gif) top left repeat-y;}


#pageRight3{position:relative;margin: 10px 0 25px 0;float:right;width:550px;min-height:500px;height:auto !important;height:500px;background:url(/images/dottedLine.gif) top left repeat-y;padding: 0 0 0 10px;}


#pageRight4{position:relative; margin: 55px 0 25px 0;float:right; width:510px; min-height:500px; height:auto !important; height:500px; background:url(/images/dottedLine.gif) top left repeat-y;}




#pageRight2 ul{list-style:none; padding:0; margin:0 0 0 85px;}
#pageRight2 li{list-style:disc; padding:0; margin:0;}
#pageRight2 form.frontend{float:left;display:inline;margin:25px 0 20px 75px;position: relative;width: 380px;}
#pageRight2 form.frontend_new{float:left;display:inline;margin:25px 0 0 95px;position: relative;width: 380px;}

#pageRight2 select{width:230px;}
#pageRight3 select{width:200px;}


#categoryBox{width:420px; margin:0 0 20px;}
#imageLeft{float:left; width:180px; text-align:center;}
#textRight{position:relative; float:right;}
#pageRight #form{float:right; width:250px; display:inline; margin:0 25px 0 0;}
#pagingBox{margin:10px 0 10px 0;text-transform:uppercase; font:bold; font-size:14px}
#backLink{position:absolute; top:10px; right:0;}
#imageLinks{width:900px;}
#flashProducts{margin:0 0 20px 0;}
#productZoom{height:250px;width:350px;display:none;position: absolute;left: 61px;top: -1px;z-index:99;background-color:#fff;}
#terms{padding:15px}
#added_product, #has_errors{position: absolute; top: 10px; right: 30px; text-align:right; font-size:14px; font-weight: bold; color:#FF3399; width:420px;}

/*** Section 02: Content ID Styles ***/

/*** Section 03: Content Classes Styles ***/
.quicklinks{margin:8px 10px 8px 13px;float: left;}


.clear{clear:both;}
.flag{margin:0 5px 0 0;}
.shoppingBasketIcon{vertical-align:middle;}
.menuOverlay{position:absolute; top:1px; left:0;}
.categoryTitle{margin:40px 0 20px 0;}
.categoryBtn{position:absolute; top:50px; right:50px;}
.prdTitle{color:#5d5958; font-size:14px;}
.prdTitle a:link, .prdTitle a:visited{text-decoration:none; color:#5d5958;}
.prdTitle a:hover{text-decoration:underline; color:#5d5958;}
.prdPrice{color:#000000; font-weight:bold; font-size:14px;}
.prdLarge{margin:50px 0 30px 0;}
.zoomIcon{position:absolute; top:281px; right:51px;}
.prdPriceLarge{color:#000000; font-weight:500; font-size:16px; margin:0 0 0 89px;padding:0 0 5px 0;}
.prdTitleLarge{color:#5d5958; font-size:20px; font-weight:500; margin:0 0 0 75px;padding:0 0 5px 0;}
.prdLongDescription {list-style-type: disc; margin-left: 15px;}


.basketButton{display:block;}
* html .basketButton {
   /*\*/
  left:0px;
  /* */}

.imageLink{float:left; margin:0 15px 0 0;}
.imageLinkRight{float:left; margin:0;}
div.buttonCont{position:relative;}

.checkoutBtn{background:url(/images/checkoutBtn.gif) no-repeat;border: none;width: 115px;height: 35px;text-align: center;color: #FFFFFF;padding:0px 10px 5px 0px;;}
.checkoutBtn a{color:#FFFFFF; text-decoration:none;}
.checkoutBtn a:hover{color:#ccc; text-decoration:none;}

.padded_image{padding:0}
.marginTop{padding:10px 0 0 0 ;}
.generic_image{padding:50px 0 0 5px}
.pageDivider{width:880px; height:3px; padding:0; background:url(/images/pageDividerStrip.gif) no-repeat; margin:5px 0 5px 8px;}
div.productBox{float:left; margin:0 3px 5px 0; padding:0; text-align:center;}
div.image_options{margin:10px auto;padding: 0;border: #ccc 1px dashed;width: 430px;overflow:auto;height:135px; display: block; white-space:nowrap;}
.option_title{margin: 0px 0 -10px 40px}
div.val_errors p{font-weight:bold !important;}
div.val_errors ul{margin:0 !important;}
div.val_errors ul li{font-weight:bold !important; list-style-type:disc !important; margin:0 0 0 1em !important;}
/*** Section 03: Content Classes Styles ***/

/********** Basket Styling Starts **********/
.basket_table{border-collapse:collapse;}
.basket_table caption{text-align:right; font-weight:bold; font-style:italic; margin:5px 0 5px 0;}
.basket_table th {color: #FFFFFF;letter-spacing: 1px;text-transform: uppercase;text-align: center;padding: 4px;background: url(/images/basketTableBg.gif) top left repeat-x;font-size:11px;}
.basket_table td {background:#FFFFFF;padding: 4px;color: #333333;}
.basket_table td.alt {background:#d9e3ee; color:#333333;}
.basket_table a{color:#f50f61; text-decoration:none;}
.basket_table a:hover{color:#f50f61; text-decoration:underline;}
.delivery_options{width:50px}
/********** Basket Styling Ends **********/

/*** Section 04: Navigation Styles ***/
#navbar{position:relative;z-index:90;}

#menu{position:relative;width:880px;background:url(/images/menuBg1.gif) left repeat-x;margin:0 0 0 8px;}
#menu ul{margin: 0;padding: 0;float: left;width: 100%;}
#menu ul li{display: inline;}
#menu ul li a{float: left;color:#ffffff; font-size:14px; padding:9px 33px 8px 33px;text-decoration: none; text-transform:uppercase; background:url(/images/menuDivider.gif) left no-repeat;}
#menu ul li a:visited{color:#ffffff;}
#menu ul li a:hover{color:#ffffff; text-decoration:underline;}
/*** Section 04: Navigation Styles ***/

/*** Section 05: Footer Styles ***/
* html #footer {
   /*\*/
  left:-450px;
  /* */}
  
  
#footer{width:880px; line-height:25px; margin:0 0 0 10px; color:#FFFFFF;}
#footer ul{list-style:none; padding:0; margin:0;}
#footer li{display:inline; list-style:none; padding:0 10px 0 10px; margin:0; border-right:1px solid #FFFFFF;}
#footer li a, #footer li a:visited{color:#FFFFFF; text-decoration:none;}
#footer li a:hover{text-decoration:underline;}
#footerLeft{float:left;}
#footerRight{float:right; padding:0 10px 0 0;}
/*** Section 05: Footer Styles ***/

/*** Section 06: Form Styles ***/
input{}
.username{margin: 0 0 0 5px}
.password{margin: 0 0 0 8px}
.first_name{margin: 0 0 0 22px}
.last_name{margin: 0 0 0 22px}
.contact_email{margin: 0 0 0 5px}
.contact_tel{margin: 0 0 0 19px}
.deliver_to_name{margin: 0 0 0 19px}
.address_1{margin:0 0 0 25px}
.address_2{margin:0 0 0 75px}
.address_3{margin:0 0 0 81px}
.postcode{margin:0 0 0 19px}
.delivery_date{width: 114px;}

.firstname{margin:0 0 0 20px}
.lastname{margin:0 0 0 20px}
.contactemail{margin:0 0 0 3px}
.contacttel{margin:0 0 0 17px}
.address1{margin:0 0 0 33px}
.address2{margin:0 0 0 80px}
.address3{margin:0 0 0 80px}
.postcode1{margin:0 0 0 27px}

.cardholder_name{margin: 0 0 0 5px}
.card_type{margin: 0 0 0 31px}
.card_number{margin: 0 0 0 14px}
.expiry_date{margin: 0 0 0 25px}
.start_date{margin: 0 0 0 34px}
.security_code{margin: 0 0 0 22px}

.email_name{
	margin: 0 0 0 36px
}
.email_email{margin: 5px 0 0 38px}
.email_comments{margin: 5px 0 0 10px}
.submitBtn{margin:5px 0 0 175px}
p#international_notice {color:#FF3366; font-weight:bold;}
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:#FF3366;}
form.frontend div.val_errors ul{margin-left:2em; list-style-type:disc;}
form.frontend input.txt{width:200px;margin-bottom:1em;float:left;}
form.frontend input.nolabel{margin-left:20%;margin-bottom:1em;float:left; display:block;}
form.frontend input.narrow{width:40px;}
form.frontend select{width:230px;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.wide{width:100%;}
form.frontend select.delivery_select{width: 100px;}
form.frontend select.product_options{width:auto !important;}


form.frontend_new{margin-top:1em;}
form.frontend_new label{float:left;display:block;width:20%;margin-bottom:1em;}
form.frontend_new br{clear:left;}
form.frontend_new div.val_errors{margin-bottom:1em; color:#FF3366;}
form.frontend_new div.val_errors ul{margin-left:2em; list-style-type:disc;}
form.frontend_new input.txt{width:200px;margin-bottom:1em;float:left;}
form.frontend_new input.nolabel{margin-left:20%;margin-bottom:1em;float:left; display:block;}
form.frontend_new input.narrow{width:40px;}
form.frontend_new select{width:230px;float:left; margin-top:3px;}
form.frontend_new select.multiple{height:8em;margin-bottom:0.5em;}
form.frontend_new textarea{width:200px;float:left;margin-bottom:0.5em;}
form.frontend_new textarea.wide{width:75%;float:left;height:6em;}
form.frontend_new label.checkbox{display:block;float:left;width:5.5em;margin-left:1em;}
form.frontend_new label.checkbox input{float:right;}
form.frontend_new label.wide{width:100%;}
form.frontend_new select.delivery_select{width: 100px;}
form.frontend_new select.product_options{width:auto !important;}
/*** Section 06: Form Styles ***/

table.orders_generic{width:100%; border-top: 1px solid #CCC;border-left: 1px solid #CCC;}
table.orders_generic th{padding:2px;border-right:1px solid #CCC;border-bottom: 1px solid #CCC;}
table.orders_generic td{vertical-align:top;padding:2px;border-right:1px solid #CCC;border-bottom: 1px solid #CCC;}
table.orders_generic td.message{vertical-align:top;text-align:center;}

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%;}

/* blog */
ul#last_10{list-style-type:none;margin:0 0 1em;padding:0;}
ul#last_10  a {color:#666; text-decoration:none;font-size:16px;display:block;font-weight:800}
ul#last_10  a:hover {color:#FFf; background-color:#999}
div#pageLeft.blog{padding:10px 0;}
div#pageRight4.blog{width:590px;padding:10px;margin-top:10px;}
div.entry_container{margin:0.5em 0;}
div.entry_container h2{margin:0;padding:0;font-weight:normal;color:#999999;font-size:18px;font-weight:100;}
p.date{font-size:90%;font-style:italic}
div.blog_image{float:right;padding:10px; border:1px solid #999;margin:0 10px 10px 0;}
div.blog_related{clear:left;margin:20px 0 0 0}
div.prod_related{clear:left;margin:0 10px 0 20px}
div.blog_related h3, div.prod_related h3{text-transform:uppercase;font-weight:bold;font-size:12px;margin:0;padding:0;}
div.blog_related{border:1px dashed #CCC;overflow:auto;white-space:nowrap;text-align:center;}
div.related_cont{border:1px dashed #CCC;white-space:nowrap;text-align:center; width: 465px;padding-bottom: 10px;}
div.related_cont, div.related_product{float:left;}
a.blog_link {text-decoration:none}
a:hover.blog_link {text-decoration:none;color:#FF0000}