/** Defaul template Css */ td {padding: 3px} input.entry { background-image:url(/images/bg_input.gif); border: 1px solid #666699; height: 22px; text-align: left; padding: 2px} select.entry, option.entry { background-image:url(/images/bg_input.gif); border: 1px solid #666699; height: 20px; text-align: left; padding: 1px} a:link { TEXT-DECORATION:none; FONT-WEIGHT: none; COLOR: #ffffff; FONT-FAMILY: verdana; background: none} a:visited { TEXT-DECORATION:none ; FONT-WEIGHT: none; COLOR: #ffffff; FONT-FAMILY: verdana; background: none} a:active { TEXT-DECORATION:none; FONT-WEIGHT: none; COLOR: #ffffff; FONT-FAMILY: verdana; background: none} a:hover {FONT-WEIGHT: none; COLOR: #ffffff; FONT-FAMILY: verdana; TEXT-DECORATION: underline } #nav { background-color: #5bbb57; color:#FFF; padding-left: 10px; padding-right: 10px; text-align: center; vertical-align: middle; cursor : pointer; padding-top: 5px; height: 20px; } #nav:hover { background-color: #006737; color:#FFF; padding-left: 10px; padding-right: 10px; text-align: center; vertical-align: middle; cursor : pointer; padding-top: 5px; height: 20px; } .lamap { background-color: #006737; } fieldset {padding: 5px} .cartLayer { position: relative; left: 500px; padding: 10px; top: -140px; width: 200px; } #CONTACT td { color:#336600; font-size:14px; font-weight:bold; } ul.menu {margin: 0px 0px 0px 0px; } li.menu { list-style-type: square; display: block; padding: 0px 0px 0px 20px; margin: 5px; background: transparent url(/images/butt_arrowright.gif) no-repeat; } /*li {list-style-type: square; display: block; padding: 0px 0px 5px 0px; margin: 5px; background: transparent url(../images/images/arrow.gif) no-repeat;}*/ h1 {FONT-SIZE: 14pt; margin-top: 5px;} h2 {FONT-SIZE: 12pt; margin-top: 5px;} h3 {FONT-SIZE: 10pt; margin-top: 5px;} h4 {FONT-SIZE: 8pt; margin-top: 5px;} /* Info Box WITHOUT Headings */ .box1 {COLOR: #333333; BACKGROUND-COLOR: #FFFFFF; BORDER: 1px solid #BBC3D3} .box1 td {COLOR: #333333; } .box1 A:link {COLOR: #333333; FONT-SIZE: 8pt; FONT-WEIGHT: bold;TEXT-DECORATION: none} .box1 A:visited {COLOR: #333333; FONT-SIZE: 8pt; FONT-WEIGHT: bold;TEXT-DECORATION: none} .box1 A:hover {COLOR: #fa8e2f; FONT-SIZE: 8pt; FONT-WEIGHT: bold;TEXT-DECORATION: underline} td.menu {height: 38px; COLOR: #ffffff; FONT-SIZE: 8pt; BACKGROUND-COLOR: #116708; BORDER-bottom: 1px solid #ffffff} td.menu A:link {padding-left: 10px; padding-right: 10px; COLOR: #FFFFFF; FONT-SIZE: 8pt; TEXT-DECORATION: none} td.menu A:visited {padding-left: 10px; padding-right: 10px; COLOR: #FFFFFF; FONT-SIZE: 8pt; TEXT-DECORATION: none} td.menu A:hover {padding-left: 10px; padding-right: 10px; COLOR: #DDDDDD; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline} td.product_menu {height: 38px; COLOR: #ffffff; FONT-SIZE: 14px; font-weight: bold; BACKGROUND-COLOR: #135772; BORDER-bottom: 1px solid #ffffff} td.product_menu A:link {padding-left: 10px; padding-right: 14px; font-weight: bold; COLOR: #FFFFFF; FONT-SIZE: 8pt; TEXT-DECORATION: none} td.product_menu A:visited {padding-left: 10px; padding-right: 14px; font-weight: bold; COLOR: #FFFFFF; FONT-SIZE: 8pt; TEXT-DECORATION: none} td.product_menu A:hover {padding-left: 10px; padding-right: 14px; font-weight: bold; COLOR: #DDDDDD; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline} td.footer_menu {height: 38px; COLOR: #ffffff; FONT-SIZE: 8pt; BACKGROUND-COLOR: #7bbf16; BORDER-bottom: 1px solid #ffffff} td.footer_menu A:link {padding-left: 10px; font-weight: normal; padding-right: 10px; COLOR: #FFFFFF; FONT-SIZE: 8pt; TEXT-DECORATION: none} td.footer_menu A:visited {padding-left: 10px; font-weight: normal; padding-right: 10px; COLOR: #FFFFFF; FONT-SIZE: 8pt; TEXT-DECORATION: none} td.footer_menu A:hover {padding-left: 10px; font-weight: normal; padding-right: 10px; COLOR: #DDDDDD; FONT-SIZE: 8pt; FONT-WEIGHT: none; TEXT-DECORATION: underline} .row1 {BACKGROUND-COLOR: #F5F5F5; } .row2 {BACKGROUND-COLOR: #C2D3FC; } .footer {COLOR: #cccccc; FONT-SIZE: 9px;} .footer b {COLOR: #333333; FONT-SIZE: 9px;} .footer A:link {COLOR: #cccccc; FONT-SIZE: 9px; FONT-WEIGHT: bold; TEXT-DECORATION: none} .footer A:visited {COLOR: #cccccc; FONT-SIZE: 9px; FONT-WEIGHT: bold; TEXT-DECORATION: none} .footer A:hover {COLOR: #440000; FONT-SIZE: 9px; FONT-WEIGHT: bold; TEXT-DECORATION: underline} .pageNav A:link {COLOR: #FFFFFF; FONT-SIZE: 11pt; FONT-WEIGHT: bold; TEXT-DECORATION: none} .pageNav A:visited {COLOR: #FFFFFF; FONT-SIZE: 11pt; FONT-WEIGHT: bold; TEXT-DECORATION: none} .pageNav A:hover {COLOR: #551A8B; FONT-SIZE: 11pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline} .nav A:link {COLOR: #FFFFFF; FONT-FAMILY: Arial ; FONT-SIZE: 10pt; TEXT-DECORATION: none} .nav A:visited {COLOR: #FFFFFF; FONT-FAMILY: Arial ; FONT-SIZE: 10pt; TEXT-DECORATION: none} .nav A:hover {COLOR: #CCCCCC; FONT-FAMILY: Arial ; FONT-SIZE: 10pt; TEXT-DECORATION: underline} /* Info Box WITH Headings ( H = Heading cell ; B = Body cell ) */ .box2 {COLOR: #333333; BACKGROUND-COLOR: #EFEFEF; BORDER: 1px solid #BBC3D3} .box2H {COLOR: #333333; BACKGROUND-COLOR: #DDDDDD; PADDING: 1px} .box2H B {COLOR: #333333; } .box2B {COLOR: #333333; BACKGROUND-COLOR: #FFFFFF} .box2B B {COLOR: #000000; BACKGROUND-COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 10pt} .box2B A:link {COLOR: #333333; FONT-SIZE: 10px; TEXT-DECORATION: none} .box2B A:visited {COLOR: #333333; FONT-SIZE: 10px; TEXT-DECORATION: none} .box2B A:hover {COLOR: #996666; FONT-SIZE: 10px; TEXT-DECORATION: underline} .heading1 {COLOR: #0000FF; FONT-SIZE: 14px; TEXT-DECORATION: none; FONT-WEIGHT: bold} li.arrow {list-style-type: none; display: block; padding: 0px 0px 0px 12px; margin-left: -10px; margin-bottom: 5px; background: transparent url(../images/images/arrow_red.gif) no-repeat; color: #fa8e2f} #menu { display: block; margin: 5px 5px 0px 0px; padding: 5px 10px 5px 10px; width: 80px; background: #cc0000; text-align: center; TEXT-DECORATION: none; FONT-SIZE: 16Px; FONT-WEIGHT: none; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif } /* Box - Page Headings */ .pageHead {TEXT-DECORATION:none; FONT-SIZE: 18Px; FONT-WEIGHT: bold; COLOR: #cccccc; FONT-FAMILY: Georgia, Verdana, Arial, Helvetica, sans-serif; background: none} .pageHead a:link { TEXT-DECORATION:none; FONT-SIZE: 18Px; FONT-WEIGHT: none; COLOR: #cccccc; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; background: none } .pageHead a:visited { TEXT-DECORATION:none ; FONT-SIZE: 18Px; FONT-WEIGHT: none; COLOR: #cccccc; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; background: none } .pageHead a:active { TEXT-DECORATION:none; FONT-SIZE: 18Px; FONT-WEIGHT: none; COLOR: #cccccc; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; background: none } .pageHead a:hover { FONT-SIZE: 18Px; FONT-WEIGHT: none; COLOR: #cc0000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline } /* Box - Page Navigation */ .pageNav {BACKGROUND-COLOR: #EEEEEE} /* Box - General Headings */ .genHeadings {COLOR: #346247; font-weight: bold; BACKGROUND-COLOR: #cecece} /* Box - Product Image (Home page) */ .homeImg { BORDER: 1px solid #CCCCCC; BACKGROUND-COLOR: #FFFFFF} /* Box - Product Description (Home page) */ .homeDesc {BORDER-BOTTOM: 1px solid #CCCCCC; BACKGROUND-COLOR: #FFFFFF} .PhotoTop {BORDER-TOP: 1px solid #CCCCCC;} /* Horizontal and Vertical lines */ .lines { BACKGROUND-COLOR: #CCCCCC} /* Product Short Description (Except Detail page) */ b.prodDesc {TEXT-DECORATION: none; FONT-SIZE: 13px; FONT-WEIGHT: none; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif } /* Product Short Description (Detail page only) */ .prodDescDet {FONT-SIZE: 12pt;} /* Product Long Description */ .prodDescLong {FONT-SIZE: 12px; COLOR: #444444} /* Product Detail */ .prodDet {FONT-SIZE: 10pt; COLOR: #000000 } /* Product SKU */ .prodSKU {} /* Product Price - Text Label */ .prodPriceT {COLOR: #903; FONT-SIZE: 12pt;} /* Product Price - Price Value */ .prodPriceV {COLOR: #333333; FONT-SIZE: 12pt;} .bold { FONT-WEIGHT: bold} .title { FONT-WEIGHT: bold; COLOR: #333333; FONT-SIZE: 14px; padding-bottom: 5px; padding-top: 5px} /* Product List Price - Text Label */ .prodLPriceT {COLOR: #903; FONT-SIZE: 12pt;} /* Product List Price - Price Value */ .prodLPriceV {TEXT-DECORATION: line-through; FONT-SIZE: 12pt;} /* Product Sale Price - Text Label */ .prodSPriceT { FONT-SIZE: 12pt;} /* Product Sale Price - Price Value */ .prodSPriceV {COLOR: green; FONT-SIZE: 12pt;} /* Free Shipping text */ .freeShipMsg {COLOR: #888888} /* Special */ .splcolor {COLOR: #FFCC00} /* Special */ .spltitle {COLOR: #000000; FONT-SIZE: 10pt; } /* In Stock text */ b.inStock {COLOR: #E58E13; FONT-SIZE: 12pt;} /* Out of Stock text */ b.outStock {COLOR: red; FONT-SIZE: 12pt;} /* No Image text */ .noImgT {COLOR: #000000} /* Category List */ .catDescList {} /* Category Description - No products linked to it */ span.catDesc {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 10pt; color: #fa8e2f} /* Category Description - Has products linked to it */ span.catDescProd {FONT-WEIGHT: bold; FONT-SIZE: 9pt} /* Option Description for "Optional" options */ .optDesc {FONT-STYLE: italic} /* Option Select box */ .optSel {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 8pt} /* Option Text box */ .optTxt {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 8pt} /* ------------------- */ /* ADDED - Version 2.3 */ /* ------------------- */ /* Box - 2, 3 and 4 Column Layout for product list page */ .colsView { BORDER: 0px solid #CCCCCC} .colsView A:link {COLOR: #000099; TEXT-DECORATION: none} .colsView A:visited {COLOR: #000099; TEXT-DECORATION: none} .colsView A:hover {COLOR: #996666; TEXT-DECORATION: underline} /* System Messages */ .sysMsg {FONT-SIZE: 10pt} .sysMsgErr {COLOR: red; FONT-SIZE: 10pt} .sysMsgURL {FONT-SIZE: 10pt} /* ------------------- */ /* ADDED - Version 2.4 */ /* ------------------- */ /* Highlights used in search results */ .highlight {COLOR: #000000; BACKGROUND-COLOR: #ffff66} /* ------------------- */ /* ADDED - Version 2.5 */ /* ------------------- */ /* Radio Button options */ .optRadio {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 8pt} /* Option Description for "Mandatory" options*/ .optDescM {FONT-STYLE: italic; color: #0066FF; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold} /* added style */ /* Date picker */ /* the div that holds the date picker calendar */ .dpDiv { } /* the table (within the div) that holds the date picker calendar */ .dpTable { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; color: #505050; background-color: #ece9d8; border: 1px solid #AAAAAA; } /* a table row that holds date numbers (either blank or 1-31) */ .dpTR { } /* the top table row that holds the month, year, and forward/backward buttons */ .dpTitleTR { } /* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */ .dpDayTR { } /* the bottom table row, that has the "This Month" and "Close" buttons */ .dpTodayButtonTR { } /* a table cell that holds a date number (either blank or 1-31) */ .dpTD { border: 1px solid #ece9d8; } /* a table cell that holds a highlighted day (usually either today's date or the current date field value) */ .dpDayHighlightTD { background-color: #CCCCCC; border: 1px solid #AAAAAA; } /* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */ .dpTDHover { background-color: #aca998; border: 1px solid #888888; cursor: pointer; color: red; } /* the table cell that holds the name of the month and the year */ .dpTitleTD { } /* a table cell that holds one of the forward/backward buttons */ .dpButtonTD { } /* the table cell that holds the "This Month" or "Close" button at the bottom */ .dpTodayButtonTD { } /* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */ .dpDayTD { background-color: #CCCCCC; border: 1px solid #AAAAAA; color: white; } /* additional style information for the text that indicates the month and year */ .dpTitleText { font-size: 12px; color: gray; font-weight: bold; } /* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ .dpDayHighlight { color: 4060ff; font-weight: bold; } /* the forward/backward buttons at the top */ .dpButton { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; color: gray; background: #d8e8ff; font-weight: bold; padding: 0px; } /* the "This Month" and "Close" buttons at the bottom */ .dpTodayButton { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; color: gray; background: #d8e8ff; font-weight: bold; } /** New Css for Stylizta */ *{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } a{ text-decoration:none; outline:none; cursor: pointer; cursor: hand; } element { cursor: pointer; cursor: hand; } img{ border:0px; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } .spacer{ clear:both} body{ margin:0px auto; background-color:#81a4b5; font-family:Arial, Helvetica, sans-serif; font-size:12px; } /** Top */ div#top-handler{ margin:0px auto; width:902px; } div#top-menu{ float:right; } div#top-menu ul{ list-style:none; } div#top-menu ul li{ float:left; padding:5px 10px 0px 10px; } div#top-menu ul li a{ color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; } div#top-menu ul li.last-menu{ padding:5px 30px 0px 10px; } div#top-menu ul li a:hover{ color:#6a8f9d; } div#top-search{ float:right; } input#txt-search{ float:left; border:1px solid #999999; margin:4px 0px 0px 0px; } input#btn-search{ float:left; width:65px; height:16px; margin:5px 10px 0px 10px; background-image:url(../images/btn-search.jpg); } /** Content Area */ div.div-container{ margin:0px auto; width:902px; } div#logo-style{ float:left; margin:-20px 0px 0px -2px; } /* left content */ div#content-left{ float:left; width:169px; margin:10px 0px 0px 0px; padding-bottom:20px; } div.left-header{ width:169px; text-align:center; padding:5px 0px 5px 0px; background-color:#324c56; color:#FFFFFF; font-size:15px; font-weight:bold; } div.list-cont{ width:169px; background-color:#74a0ba; border-top:2px solid #91b4c6; } div.list-cont ul{ list-style:none; } div.list-cont ul li{ width:169px; text-align:center; } div.list-cont ul li a{ width:169px; float:left; color:#FFFFFF; border-bottom:2px solid #91b4c6; font-size:12px; padding:5px 0px 5px 0px; } div.list-cont ul li a:hover{ background-color:#4e717e; } div#cont-left-signup{ width:169px; color:#FFFFFF; background-color:#324c56; text-align:center; padding:20px 0px 20px 0px; } div#cont-left-signup h2{ font-weight:lighter; font-size:14px; } p.cont-left-signup-details{ color:#99ccff; padding:5px 0px 0px 0px; font-size:11px; } div#cont-left-signup-form{ margin:0px auto; width:131px; text-align:left; line-height:21px; } div#cont-left-signup-form input.txt-sign-up{ width:131px; border:1px solid #999999; } div#cont-left-signup-form input#btn-signup{ float:right; width:65px; height:16px; margin:10px 0px 0px 0px; background-image:url(../images/btn-signup-left-cont.jpg); } /* right content */ div#content-right{ float:left; width:700px; margin:10px 0px 20px 0px; padding:0px 12px 0px 20px; } /* Homepage */ div#girl-img{ float:left; width:678px; height:573px; margin:-120px 0px 0px 0px; } /* Homepage Models*/ div#models-handler{ margin:0px auto; width:712px;} div#models-handler div.m-box{ float:left; margin:0px 9px 0px 0px; } div#models-handler div#m-box4{ float:left; margin:0px 0px 0px 0px; } div#view-collection{ float:right; margin:5px 0px 0px 0px; } /** Footer */ div#footer-handler{ margin:0px auto; width:902px; text-align:center; padding:20px 0px 0px 0px; color:#FFFFFF; } div#footer-handler a{ color:#FFFFFF; } div#footer-handler a:hover{ color:#597c89; } div#footer-handler p{ color:#CCCCCC; font-size:11px; padding:10px 0px 0px 0px; } div#footer-handler p a{ color:#CCCCCC; } div#footer-handler p a:hover{ color:#FFFFFF; }