/* CSS Document */

/*************************************************   RESET   *************************************************/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size: 1em; font-weight: normal; font-style: normal;}
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/*************************************************   LAYOUT   *************************************************/

html, body {font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; color:#333; background:#333 url(/images/bg_body.jpg); padding:0; margin:0}
#content-home{background:#fff; overflow:hidden; min-height:500px;}
#content{background:#fff url(../images/bg_left_blue.gif) repeat-y; overflow:hidden; min-height:500px; padding-top:30px;}
#content-alt{background:#fff; overflow:hidden; min-height:500px; padding-top:30px;}
/*OLD VERSION .clear{height:1px; clear:both; font-size:1px; line-height:1px}*/
.clear{overflow:hidden;}
/* EasyClearing http://www.positioniseverything.net/easyclearing.html*/
.clearfix:after{content: "."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{display:inline-block;}

.column1, .column2, .column3, .column4, .column5, .column6, .column7, .column8, .column9, .column10, .column11, .column12{margin:0 0 10px 20px; display:inline; float:left;}
.column1{width:57px;}
.column2{width:134px;}
.column3{width:211px;}
.column4{width:288px;}
.column5{width:365px;}
.column6{width:442px;}
.column7{width:519px;}
.column8{width:596px;}
.column9{width:673px;}
.column10{width:750px;}
.column11{width:827px;}
.column12{width:904px;}
.first{margin-left:0}
.pad{width:653px; padding-left:20px;}
.column9 .column6{width:422px;}

/*************************************************   CATALOG   *************************************************/
.catalog .column-left{width:251px; margin:0; padding:0; overflow:hidden; display:inline; float:left;}
.catalog .column-right{width:673px; margin:0 0 0 20px; padding:0; overflow:hidden; display:inline; float:left;}
.catalog h2{border-bottom:1px solid #ccc}
.catalog h2 a{color:#000}
.catalog h2 a:hover{text-decoration:none}
.catalog h4{padding:5px 20px; background:#788794; color:#fff; margin-bottom:10px}
.catalog h5{text-transform:uppercase}
.catalog .cat-list{list-style:none;}
.catalog .product-group{overflow:hidden; margin-bottom:10px}
.catalog .product{width:197px;/*153*/ margin:0 20px 20px 0; display:inline; float:left;}
.catalog .product img{border:1px solid #ccc; margin-bottom:10px}
.catalog .product h3{font-size:12px; font-weight:bold; margin:0}
.catalog .product p{margin:0}



/*************************************************   DEFUALTS   *************************************************/
a{text-decoration:none; cursor:pointer; color:#486dcb}
a:hover{text-decoration:underline;}
p{margin-bottom:20px}
ul{margin-bottom:20px; list-style:disc inside;}
ol{margin-bottom:20px; list-style:decimal inside;}
h2{font-size:24px; color:#000; line-height:24px; margin-bottom:20px}
h3{font-size:18px; color:#000; line-height:18px; margin-bottom:20px}
h4{font-weight:bold; color:#000}


/*************************************************   CONTENT   *************************************************/
.inside{padding-top:30px; background:url(../images/bg_left_blue.gif) #fff;}
.quotes li{background:url(../images/quotes.gif) no-repeat; padding:0px 0 10px 43px; list-style:none; margin-bottom:20px; font-style:italic; font-size:14px; line-height:22px}
.side-block{margin-bottom:20px; color:#2d465d}
.side-block h4 {color:#2d465d}
.side-block h4 i{display:block; color:#2d465d; font-weight:normal}
.side-quote{border:solid #cbcecf; border-width:1px 0; color:#2d465d; padding:14px 0; font-family:Georgia, "Times New Roman", Times serif; font-style:italic; font-size:16px; line-height:26px; margin-bottom:20px}
.testimonial{background:#f1f0e8; border:1px solid #cfcdb4; padding:20px 20px 0; margin-bottom:20px}
.no-style{list-style:none}
.contact-form{background:#f1f0e8; border:1px solid #cfcdb4; padding:20px; margin-bottom:20px}
.row{margin-bottom:10px; overflow:hidden}
.row label{width:60px; float:left; text-align:right; margin-right:10px; line-height:32px}
.textfield{border:2px solid #cfcdb4; padding:7px 5px; width:295px}
.textfield:focus, .textarea:focus, .selectfield:focus{border-color:#546778;}
.textarea{border:2px solid #cfcdb4; padding:7px 5px; width:295px; height:100px}
.selectfield{border:2px solid #cfcdb4; padding:7px 5px; width:307px}
.send{margin-left:67px; padding:5px 14px; background:#698197; border:2px solid #546778; color:#fff; font-weight:bold; cursor:pointer; font-size:14px}
.send:hover{background:#546778}
#social{list-style:none; padding-top:10px}
#social li{line-height:15px; margin-bottom:10px}
#social li a{display:block; padding-left:25px; height:15px}
#social .facebook a{background:url(../images/icon_facebook2.gif) no-repeat;}
#social .twitter a{background:url(../images/icon_twitter2.gif) no-repeat;}
#social .linkedin a{background:url(../images/icon_linkedin.gif) no-repeat;}
.error{text-align:center; color:red; margin-bottom:10px}
.success{text-align:center; color:green; margin-bottom:10px}
.required{color:red; font-weight:bold}
#sitemap ul{margin:0 0 0 30px; list-style:circle;}
#sitemap li{margin-bottom:4px}
#creditfooter{margin:0 0 10px 10px}

/*************************************************   HOMEPAGE   *************************************************/
#action{height:315px; width:944px; overflow:hidden; position:relative; background:#eee; margin-bottom:20px;}
#rotate{width:20000em; position:absolute;}
#passion{height:276px; width:944px; background:url(../images/passion_fashion.jpg) no-repeat; padding:20px;}
#passion h2{color:#4887ab; font:italic 21px/38px Georgia, "Times New Roman", Times, serif; margin:30px 0 20px 210px}
#passion h2 span{color:#175e87; font-size:40px; margin-left:70px; display:block}
#passion p{margin:0 0 20px 280px; color:#666; width:340px}
#passion .links{margin-left:280px;}
/*#passion .links a{font:15px Georgia, "Times New Roman", Times, serif; margin-right:20px; color:#333}*/
.button-more{float:left; width:130px; height:26px; display:block; line-height:26px; text-indent:-9999px; overflow:hidden; background:url(../images/button_more3.png) no-repeat; margin-right:20px}
.button-more:hover{background-position:0 -26px;}
.button-shop{float:left; width:85px; height:26px; display:block; line-height:26px; text-indent:-9999px; overflow:hidden; background:url(../images/button_shop3.png) no-repeat;}
.button-shop:hover{background-position:0 -26px;}
.feature{width:209px; height:78px; position:absolute; border:1px solid #d0d3d4; background:#fff}
.feature span{display:block;}
#gifts{right:20px; top:19px;}
#gifts a{display:block; width:209px; height:78px; background:url(../images/holiday_gifts.jpg) no-repeat; text-indent:-9999px; overflow:hidden}
#corporate{right:20px; top:218px}
#corporate a{display:block; width:189px; height:58px; background:url(../images/corporate_shopping1.jpg) no-repeat; overflow:hidden; padding:10px; font-size:15px; font-weight:bold; color:#000}
#corporate a:hover{text-decoration:none; color:#666}
#corporate a:hover span{color:#000}
#corporate a span{font-size:12px; color:#666; font-weight:normal}
#tailor{right:20px; top:118px;}
#tailor a{display:block; width:189px; height:58px; background:url(../images/schedule_tailor.jpg) no-repeat; overflow:hidden; padding:10px; font-size:15px; font-weight:bold; color:#000}
#tailor a:hover{text-decoration:none; color:#666}
#tailor a:hover span{color:#000}
#tailor a span{font-size:12px; color:#666; display:block; font-weight:normal}
#scroll-box h3{border-bottom:1px solid #ccc; line-height:30px; margin-bottom:20px}
#catalog-scroll{overflow:hidden; height:282px; width:904px; position:relative; margin-bottom:10px}
#catalog-scroll .items{width:20000em; position:absolute;}
#catalog-scroll .item{width:211px; height:282px; background:#eee; display:block; float:left; margin-right:20px; position:relative;}
#catalog-scroll .item:hover{text-decoration:none; /*background:#000; background:rgba(0, 0, 0, 0.7);*/ background:#ccc}
#catalog-scroll .item strong{height:40px; width:171px; /*background:#000; background:rgba(0, 0, 0, 0.7);*/ background:url(../images/black_border.png); position:absolute; bottom:10px; left:10px; z-index:2;color:#fff; font-size:18px; padding:10px; font-weight:bold}
#catalog-scroll .item strong span{display:block; font-size:12px; font-weight:normal}
#catalog-scroll .item:hover strong{/*background:#000*/}
#catalog-scroll .item img{position:absolute; top:10px; left:10px; z-index:1;}
#scroll-nav{width:64px; position:absolute; top:10px; right:0}
.right, .left{width:10px; height:10px; float:left; margin:3px; color:#999; display:block; line-height:5px; font-size:16px; font-weight:bold; text-align:center; text-decoration:none}
.right:hover, .left:hover{color:#000; text-decoration:none}
.navi {width:32px; height:10px; float:left} 
.navi a {width:10px; height:10px; float:left; margin:3px; background:url(../images/bg_navi.gif) no-repeat; display:block; font-size:1px;} 
.navi a:hover {background-position:0 -10px;} 
.navi a.active {background-position:0 -20px;}
#scroll-box{position:relative}