/* Import RESET styling for grid framework*/
@import url('reset.css');

/*	--------------------------------------------------
Global Reset - Resets all browser defaults to 0
-------------------------------------------------- */
html, body { margin:0px; padding:0px; }
body { font:14px Arial, Helvetica; color:#333333; background: url(images/i-mainbg.gif); }
a { color:#850e11; text-decoration:none; }
a:hover { text-decoration:underline; }

/* headings ---------------------- */

h1 { margin-bottom:15px; font:normal 22px Arial, Helvetica, sans-serif; color:#640836; }
h2 { font:normal 14px Arial, Helvetica, sans-serif; color:#640836; }
h3 { margin-bottom:15px; font:bold 18px Arial, Helvetica, sans-serif; color:#640836; }
h4 { margin-bottom:10px; font-size:24px; font-weight:bold; color:#E96528; }
h5 { font-family:Georgia, "Times New Roman", Times, serif;font-size: 18px; font-weight:normal; }
h6 { font-family:Georgia, "Times New Roman", Times, serif;font-size: 18px; font-weight:normal; }

/* STRUCTURE ---------------------*/
#wrapper { width:100%; background:url(images/i-wrapperbg.png) center repeat-y; }
#header { width:100%; background:url(images/i-headerbg.png); height:154px; }
#header #headerpart { margin:0 auto; width:985px; }
#wrapper #content { margin:0 auto; width:955px; min-height:1260px; }
#wrapper #content #sidebar { margin:20px 0px; width:175px; float:left; }
#wrapper #content #contentarea { margin:20px 0px; width:755px; float:right; }

/* HEADER PART -----------------------------*/
#header #headerpart .logo { margin-top:22px; float:left; width:300px; }
#header #headerpart .headertext { margin-top:25px; float:left; width:205px; color:#fff; }
#header #headerpart .productsearch { margin-top:73px; float:left; width:240px; }
#header #headerpart .shoppingbag { margin-top:13px; width:211px; height:90px; float:left; background:url(images/i-shoppingbagbg.png) no-repeat; }
#header #headerpart .shoppingbag h2 { margin:8px 0px; text-align:center; color:#000; } 
#header #headerpart .shoppingbag p img { margin: -3px 10px 0px 0px; float:left; }
#header #headerpart .shoppingbag p { margin: 10px 5px 0px 25px;float:left;}
#header #headerpart .shoppingbag ul { margin-right:30px; text-align:left; }
#header #headerpart .shoppingbag li { display:inline; font-size:12px; }  
#header #headerpart .shoppingbag li a { color:#000; text-decoration:none; }
#header #headerpart .shoppingbag li a:hover { text-decoration:underline; }
#header #headerpart .productsearch form .field { float:left; width:195px; }
#header #headerpart .productsearch form .button { margin-top:2px; float:left; clear:none; }

input.text { padding:3px; width:182px; border:1px solid #000; background: #fff; }

#header #headerpart .menu { margin-top:23px; margin-left:10px; clear:both; }
#header #headerpart .menu ul li { padding:0px 2px; display:inline; list-style-type:none; color:#fff; }
#header #headerpart .menu ul li a { color:#fff; text-decoration:none; }
#header #headerpart .menu ul li a:hover { text-decoration:underline; }

/* CONTENT PART -----------------------------*/
#wrapper #content #contentarea #slider { margin-bottom:15px; padding:1px; width:755px; height:254px;}
#wrapper #content #contentarea #slider img { margin-right:10px; float:left; border:none; }
#wrapper #content #contentarea #slider h1 { margin-top:40px; font:normal 27px Cambria, Arial, Helvetica; font-style:italic; color:#000; }
#wrapper #content #contentarea p { padding-bottom:20px; font-size:12px; }
#wrapper #content #contentarea .horizontalline { margin-bottom:20px;border-top:1px solid #bcbcb7; }
#wrapper #content #contentarea .categories { margin-bottom:30px; width:755px; margin-top:20px; }
#wrapper #content #contentarea .category { margin-right:25px; width:130px; float:left; }
#wrapper #content #contentarea .category p { margin:0px; padding:0px; }
#wrapper #content #contentarea .categorylast p { margin:0px; padding:0px; }
#wrapper #content #contentarea .categorylast { width:130px; float:left; }
#wrapper #content #contentarea h2 { /*margin:3px 0px;*/ }
#wrapper #content #contentarea h2 a { color:#640836; text-decoration:none; }
#wrapper #content #contentarea h2 a:hover { color:#640836; text-decoration:underline; }
#wrapper #content #contentarea  img { border:1px solid #c5c5c5; }

#wrapper #content #contentarea .paging { margin-bottom:20px; padding:10px 5px; font:bold 12px Arial, Helvetica, sans-serif; color:#71224a; border:1px solid #bcbcb7; border-width:1px 0px; }
#wrapper #content #contentarea .paging a { margin:3px; color:#71224a; }
#wrapper #content #contentarea .paging span.sortby { margin-left:450px; }
#wrapper #content #contentarea .paging span.price a { margin-left:15px; }
#wrapper #content #contentarea .paging span.product a { margin-left:15px; padding-left:15px; background:url(images/i-arrow.jpg) 0px 7px no-repeat; }
#wrapper #content #contentarea .categories .categoryproducts { min-height:300px; margin-right:42px; margin-bottom:30px;float:left; width:150px; border:1px solid #f0ebe5; background:#f0ebe5; }
#wrapper #content #contentarea .categories .categoryproducts:hover { border:1px solid #71224A; background:#f0ebe5; }
#wrapper #content #contentarea .categories .categoryproducts p { margin:10px 10px 0px 10px; padding-bottom:0px; }
#wrapper #content #contentarea .categories .categoryproducts p.price { font-size:11px; font-weight:bold; }
#wrapper #content #contentarea .categories .categoryproducts p span { margin-left:20px; font-weight:normal; text-decoration:line-through;}
#wrapper #content #contentarea .categories .categoryproducts img { border:none; }

#wrapper #content #contentarea .categories .lastcategoryproducts { min-height:310px; margin-bottom:30px;float:left; width:150px; border:1px solid #f0ebe5; background:#f0ebe5; }
#wrapper #content #contentarea .categories .lastcategoryproducts:hover { border:1px solid #71224A; background:#f0ebe5; }
#wrapper #content #contentarea .categories .lastcategoryproducts p { margin:10px 10px 0px 10px; padding-bottom:0px; }
#wrapper #content #contentarea .categories .lastcategoryproducts p.price { font-size:11px; font-weight:bold; }
#wrapper #content #contentarea .categories .lastcategoryproducts p span { margin-left:20px; font-weight:normal; text-decoration:line-through;}
#wrapper #content #contentarea .categories .lastcategoryproducts img { border:none; }

#wrapper #content #contentarea .productdetails { margin-bottom:20px; padding-bottom:20px; border:1px solid #e9e9e9; background:url(images/i-productdetailbg.png) bottom repeat-x; float:left; width:753px; }
#wrapper #content #contentarea .productdetails .imagegallery { width:200px; float:left; color:#393838; }
#wrapper #content #contentarea .productdetails .imagegallery p { padding:5px; text-align:center; }
#wrapper #content #contentarea .productdetails .imagegallery img.big { border:1px solid #e9e9e9; border-width:0px 1px 1px 0px; }
#wrapper #content #contentarea .productdetails .imagegallery img.thumbnails { border:1px solid #e9e9e9; }
#wrapper #content #contentarea .productdetails .imagegallery li { margin-left:10px; list-style-type:none; display:inline; }
#wrapper #content #contentarea .productdetails .productcontent { margin-right:30px; float:right; width:500px; }
#wrapper #content #contentarea .productdetails .productcontent h1 { margin-top:10px; padding-bottom:10px; font:normal 30px Arial, Helvetica, sans-serif; color:#717071; border-bottom:1px dotted #9c9c9c; }
#wrapper #content #contentarea .productdetails .productcontent h1 span { float:right; font-size:27px; color:#702149; }
#wrapper #content #contentarea .productdetails .productcontent .chooserightsize { padding:10px 10px 15px 70px; background:#f4e9ee url(images/i-icon-chooserightsize.jpg) 8px 10px no-repeat; }
#wrapper #content #contentarea .productdetails .productcontent .chooserightsize p { padding-bottom:5px; font-size:12px; color:#717071; }
#wrapper #content #contentarea .productdetails .productcontent .chooserightsize p span.size { margin-left:60px; }
#wrapper #content #contentarea .productdetails .productcontent .chooserightsize p span.selectsize { margin-left:60px; }
#wrapper #content #contentarea .productdetails .productcontent .chooserightsize p span.quantity { margin-left:42px; }
#wrapper #content #contentarea .productdetails .productcontent .chooserightsize p span.selectquantity { margin-left:39px; }
#wrapper #content #contentarea .productdetails .productcontent .chooserightsize form select  { font-size:11px; }
#wrapper #content #contentarea .productdetails .productcontent .print { padding:10px 0px 10px 0px; border:2px solid #702048; border-width:2px 0px; }
#wrapper #content #contentarea .productdetails .productcontent .print a { margin-left:10px; padding:8px 0px 15px 55px; line-height:44px; font-size:11px; color:#3d3d3d; text-decoration:none; background:url(images/i-icon-print.jpg) 0px 0px no-repeat; } 
#wrapper #content #contentarea .productdetails .productcontent .print a:hover { text-decoration:underline; }
#wrapper #content #contentarea .productdetails .productcontent .print span.addtobasket { margin-right:10px; float:right; position:relative; }
input.addtobasket { padding:3px 10px;font:bold 14px Arial, Helvetica, sans-serif; color:#6c354d; border:1px solid #71224a; background: #e0e0e0 url(images/i-addtocartbg.jpg) repeat-x bottom; cursor:pointer; margin-right:10px;}


#wrapper #content #sidebar h1 { margin:25px 0px 15px 0px; padding-bottom:10px; border-bottom:1px solid #e3e3e3; font-size:18px; }
#wrapper #content #sidebar ul { margin-bottom:25px; border-top:1px solid #e3e3e3; }
#wrapper #content #sidebar ul li { list-style-type:none; display:block; width:175px; font:normal 14px Arial, Helvetica, sans-serif; }
#wrapper #content #sidebar ul li a { padding:5px 0px 5px 5px; display:block; width:170px; color:#000; border-bottom:1px solid #e3e3e3; text-decoration:none; }
#wrapper #content #sidebar ul li a:hover { padding:5px 0px 5px 5px; display:block; width:170px; color:#fff; border-bottom:1px solid #e3e3e3; text-decoration:none; background:#864c69; }
#wrapper #content #sidebar li.active a { padding:5px 0px 5px 5px; display:block; width:170px; color:#fff; border-bottom:1px solid #e3e3e3; text-decoration:none; background:#864c69; }
#wrapper #content #sidebar ol li { padding:3px 0px 3px 0px; font:normal 13px Arial, Helvetica, sans-serif; }
#wrapper #content #sidebar ol li a { color:#000; text-decoration:none; }
#wrapper #content #sidebar ol li a:hover { color:#640836; text-decoration:none; }
#wrapper #content #sidebar ol li a.active { color:#640836; text-decoration:none; }
#wrapper #content #sidebar .facebook { margin-top:35px; padding:20px 0px 0px 50px; background:url(images/i-facebookbg.png) no-repeat; height:42px; }

/* SNAZZY BORDER ----------------------------*/
#banner h1, #banner h2, #banner p {margin:0 10px; letter-spacing:1px; padding:0;}
#banner h1 {font-size:2.5em; color:#fff;}
#banner h2 {font-size:2em;color:#06a; border:0;}
#banner p {padding-bottom:0.5em;}
#banner h2 {padding-top:0.5em;}
#banner {background: transparent; margin:0em;}

#banner .xtop, #banner .xbottom {display:block; background:transparent; font-size:1px;}
#banner .xb1, #banner .xb2, #banner .xb3, #banner .xb4 {display:block; overflow:hidden;}
#banner .xb1, #banner .xb2, #banner .xb3 {height:1px;}
#banner .xb2, #banner .xb3, #banner .xb4 {background:#f7f5f6; border-left:1px solid #640836; border-right:1px solid #640836;}
#banner .xb1 {margin:0 5px; background:#640836;}
#banner .xb2 {margin:0 3px; border-width:0 2px;}
#banner .xb3 {margin:0 2px;}
#banner .xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#f7f5f6; border:0 solid #640836; border-width:0 1px;}


/* FOOTER ------------------------------------*/

#footerarea { padding:20px 0px 100px 0px; width:100%; border-top:1px solid #640836; background:#fff; clear:both; }
#footerarea #footer { margin:0 auto; width:980px; text-align:center; background:#fff; }
#footerarea #footer .footermenu ul { margin-top:15px; }
#footerarea #footer .footermenu ul li { padding:0px 5px; display:inline; list-style-type:none; color:#000; }
#footerarea #footer .footermenu ul li a { color:#000; text-decoration:none; }
#footerarea #footer .footermenu ul li a:hover { text-decoration:underline; }
#footerarea #footer .footertext { margin-top:15px; float:left; width:440px; text-align:right; }
#footerarea #footer .copyrights { margin-top:15px; float:right; width:410px; text-align:left; }

/* clearfix --------------------------------------------*/
.clearfix:after { clear:both; content:' '; display:block; font-size:0px; line-height:0px; visibility:hidden; width:0px; height:0px; }
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }