/* Notes: No Notes */
html {
overflow-y:scroll;
}
/* Notes: No Notes */
body {
text-align:left;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
text-decoration:none;
color:#7c017d;
margin:0 auto;
background:#272727 url(../styleImages/backgrounds/background.png) center repeat-y;
}
#maincontainer {
margin: 0px auto 0px auto;
width: 980px;
padding-top: 10px;
}
/* Notes: Generic Attribute */
a {
text-decoration:none;
color:#333333;
}
/* Notes: FireFox - remove dotted border */
a:active {
outline: none;
}
/* Notes: FireFox - remove dotted border */
a:focus {
-moz-outline-style: none;
}
/* Notes: No Notes */
#pageSurround {
width:968px;
margin:0 auto;
padding:0;
position:relative;
}
/* Notes: No Notes */
#subSurround {
}
/* Notes: No Notes */
#topHeader {
height:73px;
position:relative;
}
/* Notes: Top Menu Bar */
#topMenu {
width:940px;
margin: 2px auto 10px auto;
height:29px;
background: transparent url(../styleImages/backgrounds/topMenu.png) top left no-repeat;
position:relative;
}
/* Notes: No Notes */
a.ajaxCart {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:46px;
color:#7e0082;
display:block;
float:right;
margin-top:-4px;
text-decoration:none;
}
/* Notes: No Notes */
a.ajaxCart:hover {
text-decoration:none;
}
/* Notes: No Notes */
#shoppingCart {
width:250px;
height:50px;
position:absolute;
top:12px;
right:71px;
}
/* Notes: No Notes */
#searchForm {
float: right;
margin: 20px 280px 0px 0px;
}
.searchInput {
width:190px;
height:40px;
background: transparent url(../styleImages/backgrounds/topsearch.png) top left no-repeat;
border: 0px;
margin:0px;
padding-left:40px;
padding-right:10px;
padding-top:7px;
color:#333;
font-family:"Lucida Grande",Geneva,Arial,sans-serif;
font-size:14px;
}
ul#siteDocs {
padding:0px;
margin:0px;
margin-left:25px;
list-style:none;
height:29px;
}
ul#siteDocs li {
float:left;
margin-right:10px;
}
ul#siteDocs li a {
font-family:"Trebuchet MS",Arial,sans-serif;
font-weight:bold;
font-size:12px;
padding-top:9px;
height:21px;
display:block;
float:left;
text-transform:uppercase;
line-height:1em;
text-decoration:none;
color:#FFF;
}
ul#siteDocs li a.current, ul#siteDocs li a:hover {
background:transparent url(../styleImages/backgrounds/pointer.png) top center no-repeat;
}
/* Notes: Left Column */
.colLeft {
width:175px;
margin:0px;
margin-left:19px;
float:left;
/* START: Double margin IE6 fix */
display:inline;
/* END: Double margin IE6 fix */
}
/* Notes: Center Column */
.colMid {
width:737px;
float:left;
margin-left:17px;
display:inline;
overflow:hidden;
color: #000;
font-size: 14px;
}
/* Notes: Page Footer */
.footer {
width:897px;
background:transparent;
text-align: center;
padding:4px;
color:#000;
font-size:13px;
line-height: 15px;
height: 20px;
}
/* Notes: Spacer For Page Footer */
.spacer {
padding:4px;
width:897px;
}
/* Notes: Page Footer Link */
.footer a {
text-decoration:none;
color:#A8A8A8;
}
.boxContent h1 {
height:18px;
background: transparent;
border:0px solid #d8d8d8;
width:721px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:18px;
text-transform:uppercase;
margin:0;
margin-top:1px;
margin-bottom:16px;
padding-top:5px;
padding-left:14px;
line-height:1em;
font-weight:normal;
}
/* Notes: SideBox Titles */
.catTitleLeft, .boxTitleLeft {
width:175px;
height:26px;
margin:0;
position:relative;
}
/* Notes: SideBox Expand Icon */
div.expand {
position:absolute;
height:9px;
width:9px;
background:url(../styleImages/backgrounds/expand.gif) center no-repeat;
right:9px;
top:9px;
display:none;
}
/* Notes: Bottom of side-box */
.sideBoxBottom {
width:175px;
height:7px;
background:url(../styleImages/backgrounds/sideBox_Bottom.png) left top no-repeat;
margin:0px;
margin-bottom:18px;
}
/* Notes: Popular Products SideBox */
.popular {
padding-left:28px;
padding-right:14px;
}
/* Notes: General SideBox List */
.boxContentLeft ul {
margin:0;
list-style:none;
padding-left:0px;
}
/* Notes: Popular Products Ordered List */
.boxContentLeft ol {
margin:0;
list-style:decimal;
list-style-position:outside;
padding:0px;
padding-left:24px;
padding-right:10px;
}
/* Notes: Popular Products Ordered List Item */
.boxContentLeft ol li {
padding:0px;
margin:0px;
padding-top:2px;
padding-bottom:2px;
font: italic 12px Georgia, Times, serif;
color: #999999;
text-align:left;
}
/* Notes: Popular Products Ordered List Item - Hover */
.boxContentLeft ol li:hover, .boxContentLeft ol li.hover{
color: #f73d7c;
}
/* Notes: Popular Products Ordered List Item Link */
.boxContentLeft ol li a {
padding:0;
margin:0;
color:#000;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-style:normal;
}
.boxContentLeft ol li a:hover {
color:#7c017d;
}
/* Notes: General SideBox List Item */
.boxContentLeft ul li {
padding-top:3px;
padding-bottom:3px;
}
/* Notes: General SideBox List Item Link */
.boxContentLeft ul li a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}
/* Notes: Products SideBox */
.catContentLeft, .boxContentLeft {
width:165px;
margin:0;
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
background:transparent url(../styleImages/backgrounds/sideBox_Mid.png) top repeat-y;
}
/* Notes: Default Category Menu List */
ul.mainmenu-nav {
margin:0;
list-style:none;
padding-left:0px;
}
/* Notes: Default Category Menu List Item (1st Level) */
ul.mainmenu-nav li {
padding-top:1px;
padding-bottom:1px;
padding-left:5px !important;
display:block;
}
/* Notes: Fly-Out menu */
ul.mainmenu-nav li ul {
display:none;
width:186px;
margin-left:138px;
margin-top:-35px;
padding:0px;
padding-top:20px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
position:absolute;
z-index:99;
background:url(../styleImages/backgrounds/flyOut_Top.png) top left no-repeat;
z-index:100;
}
.li-nav {
float:left;
}
/* Notes: Fly-Out menu list items */
ul.mainmenu-nav li ul li {
margin-left:22px;
padding-top:2px;
padding-bottom:10px;
margin-top:-9px;
}
/* Notes: Default Category Menu List Item Links */
ul.mainmenu-nav li a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
display:block;
width:155px;
padding-top:1px;
padding-bottom:1px;
}
/* Notes: Default Category Menu List Item Links - Hover */
ul.mainmenu-nav li a:hover {
color:#7c017d;
text-decoration:none;
}
/* Notes: Margins for 3rd level onwards */
ul.mainmenu-nav li ul li ul {
margin-left:130px;
}
/* Notes: Bottom for flyout menu */
.flyOutBottom {
width:186px;
height:5px;
margin-left:0px !important;
margin-bottom:-5px;
padding:0px;
background:url(../styleImages/backgrounds/flyOut_Bottom.png) bottom left no-repeat;
position:absolute;
bottom:0px;
left:0px;
}
/*****************************************
START: ADVANCED EXPANDING MENU - BY MILOS
*****************************************/
/* Notes: Category Menu List Item (1st Level) - Open */
ul.catTreeTop li.currentCat {
background:#F1F1F1 url(../styleImages/backgrounds/subCatNavBG.gif) top repeat-x;
border:1px solid #aeaeae;
margin-right:5px;
padding-top:1px;
margin-top:3px;
margin-bottom:3px;
}
/* Notes: Category Menu (2nd Level) - List */
ul.catTreeTop li.currentCat ul {
list-style:none;
padding:0;
padding-bottom:3px;
margin-top:7px;
margin-left:0px;
}
/* Notes: Category Menu (2nd Level) - List Item */
ul.catTreeTop li.currentCat ul li {
padding:0;
padding-top:3px;
padding-bottom:3px;
}
/* Notes: Category Menu (2nd Level) - List Item (Open) */
ul.catTreeTop li.currentCat ul li.currentCat {
padding:0;
padding-top:1px;
padding-bottom:3px;
margin-left:3px;
margin-top:10px;
margin-right:8px;
background-color:#FCFCFC;
}
/* Notes: Category Menu (2nd Level) - List Item Link */
ul.catTreeTop li.currentCat ul li a {
font-size:10px;
}
/* Notes: Category Menu (3rd Level) - List */
ul.catTreeTop li.currentCat ul li.currentCat ul {
padding:0;
}
/*****************************************
END: ADVANCED EXPANDING MENU - BY MILOS
*****************************************/
/* Notes: Sale Items Showcase */
ul.showCase {
width:735px;
height:132px;
padding:0;
margin:0;
margin-top:1px;
margin-bottom:18px;
list-style:none;
border:1px solid #e6e6e6;
overflow:hidden;
display:none;
}
/* Notes: Sale Items Showcase Product */
ul.showCase li.showCaseProduct {
height:102px;
width:704px;
padding:15px;
display:none;
}
/* Notes: Sale Items Showcase Product Image */
ul.showCase li.showCaseProduct div.showCaseSaleImage {
height:117px;
width:130px;
float:left;
margin-right:15px;
}
/* Notes: Sale Items Showcase Product Details Container */
.showCaseDetails {
width:559px;
height:102px;
float:left;
color:#444444;
font-family:"Trebuchet MS",Arial,sans-serif;
font-size:11px;
}
/* Notes: Sale Items Showcase Product Title Container */
.showCaseTitle {
background:url(../styleImages/backgrounds/saleItemTitle.png) top repeat-x;
height:25px;
padding-left:11px;
padding-top:7px;
color:#333333;
}
/* Notes: Sale Items Showcase Product Title */
.showCaseTitle a {
color:#b1b1b1;
text-decoration:none;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
/* Notes: Sale Items Showcase Sale Tag */
.saleTag {
background:transparent url(../styleImages/backgrounds/saleTag.png) no-repeat scroll left top;
color:#FFFFFF;
font-size:14px;
height:20px;
margin-left:12px;
padding-left:5px;
padding-top:3px;
width:119px;
}
/* Notes: Sale Items Showcase Paused Indicator */
.paused {
background:transparent url(../styleImages/backgrounds/paused.png) no-repeat scroll left top;
position:absolute;
top:100px;
display:none;
height:26px;
right:8px;
width:27px;
}
/* Notes: Sale Items Showcase Product Description */
.saleDesc {
margin-left:11px;
margin-bottom:12px;
margin-right:10px;
color:#000;
background-color:#FFF;
font-size:11px;
word-spacing:-1px;
}
/* Notes: Latest Product Container */
.latestProds {
border:1px solid #e6e6e6;
float:left;
height:240px;
margin-bottom:16px;
margin-right:16px;
overflow:hidden;
position:relative;
text-align:center;
width:233px;
background:#FFFFFF url(../styleImages/IE6/latestProd_Top.gif) repeat-x top left;
}
/* Notes: Latest Product Image Container */
.latestProdsImage {
height:120px;
margin:0 auto;
margin-bottom:10px;
margin-top:10px;
text-align:left;
vertical-align:top;
width:165px;
}
/* Notes: Latest Product Name Container */
.latestProdsName {
margin:15px;
margin-top:10px;
background:#FFFFFF url(../styleImages/backgrounds/latestProd_Title.png) repeat-x top left;
height:14px;
padding-top:5px;
}
/* Notes: Latest Product Name */
a.txtlatestProdsName {
color:#000;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
text-decoration:none;
}
/* Notes: Latest Product Name - Hover */
a.txtlatestProdsName:hover {
color:#7c017d;
}
/* Notes: Latest Price Container */
.latestProdsPrice {
bottom:15px;
position:absolute;
left:0;
width:100%;
}
/* Notes: Sale Price */
.txtSale {
color:#f73d7c;
font-size:18px;
font-weight:700;
letter-spacing:-1px;
text-align:center;
}
.txtSaleLeft {
text-align:left;
}
/* Notes: Old Price (before sale) */
.txtOldPrice {
color:#68a3b1;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
text-align:center;
text-decoration:line-through;
}
/* Notes: Default Price (not on sale) */
.txtPrice {
color:#68a3b1;
float:left;
font-size:18px;
font-weight:700;
text-align:center;
}
/* Notes: Mailing List Sidebox */
.mailBox {
border:1px solid #E1E1E1;
color:#7c017d;
float:left;
height:17px;
margin:0px;
padding-top:2px;
padding-left:5px;
margin-left:5px;
width:126px;
font-family:"Lucida Grande",Geneva,Arial,sans-serif;
font-size:12px;
}
/* Notes: Mailing List Button */
.btnMail {
background:#FFFFFF url(../styleImages/backgrounds/mail_icon.gif) no-repeat scroll center;
border:1px solid #E1E1E1;
float:left;
height:20px;
margin-left:-2px;
padding-left:4px;
width:18px;
}
/* Notes: viewProd Top Container */
.viewProdContainer {
border:1px solid #dfdfdf;
width:735px;
margin-top:10px;
}
/* Notes: viewProd Item Details */
.viewProdDetails {
background: #FFF url(../styleImages/backgrounds/prodDetails.png) repeat-y top left;
display:block;
float:right;
padding-top:2px;
padding-left:25px;
padding-right:12px;
padding-bottom:20px;
position:relative;
width:290px;
min-height:325px;
border-left:1px solid #F3F3F3;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#7c017d;
}
/* Notes: viewProd Detail Name */
.txtDetailName {
color:#000;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
text-transform:uppercase;
background:transparent url(../styleImages/backgrounds/saleItemTitle.png) repeat-x scroll center top;
margin-left:-7px;
margin-bottom:10px;
margin-top:10px;
padding-top:3px;
padding-left:9px;
}
/* Notes: viewProd Stock */
.stockLevel {
background:transparent url(../styleImages/backgrounds/package_green.gif) no-repeat scroll left top;
font-size:11px;
height:18px;
margin-top:8px;
padding-left:22px;
padding-top:1px;
display:none;
}
/* Notes: viewProd Product Code */
.productCode {
background:transparent url(../styleImages/backgrounds/asterisk_orange.gif) no-repeat scroll left top;
height:18px;
margin-top:8px;
padding-left:22px;
padding-top:1px;
}
/* Notes: viewProd Tell a Friend */
.tellAFriend {
background:transparent url(../styleImages/backgrounds/user_comment.gif) no-repeat scroll left top;
height:18px;
margin-top:8px;
padding-left:22px;
padding-top:1px;
}
/* Notes: viewProd Tell a Friend Link */
.tellAFriend a {
color:#7c017d;
line-height:15px;
text-decoration:none;
}
.tellAFriend a:hover {
color:#555555;
}
/* Notes: viewProd Social Bookmark */
.bookmark {
background:transparent url(../styleImages/backgrounds/star.gif) no-repeat scroll left top;
font-size:11px;
height:18px;
margin-top:8px;
padding-left:22px;
padding-top:1px;
}
/* Notes: viewProd Product Option - Row */
.prodOptionsTR {
background:transparent url(../styleImages/backgrounds/dotted_arrow_light.gif) no-repeat scroll 1px 3px;
}
/* Notes: viewProd Product Option - Row Hover */
.prodOptionsTR:hover {
background-image:url(../styleImages/backgrounds/dotted_arrow.gif);
}
/* Notes: viewProd Product Option - Name */
.optionName {
float:left;
font-size:11px;
padding-left:18px;
padding-right:10px;
padding-top:1px;
}
.optField {
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#7c017d;
}
/* Notes: viewProd Product Sale Price (items on sale) */
.prodPrice {
color:#F73D7C;
font-size:18px;
font-weight:700;
}
/* Notes: viewProd AJAX Add To Cart - Complete */
.AJAX-done {
background:transparent url(../styleImages/backgrounds/ajax_done.png) no-repeat scroll center;
display:none;
height:22px;
position:absolute;
right:7px;
top:7px;
width:23px;
}
/* Notes: viewProd AJAX Add To Cart - Processing */
.AJAX-process {
background:transparent url(../styleImages/backgrounds/ajax-load_1.gif) no-repeat scroll center;
display:none;
height:16px;
position:absolute;
right:7px;
top:7px;
width:16px;
}
/* Notes: Add To Cart Button - background position controlled by AJAX Add To Cart callbacks */
.addToCart {
background:transparent url(../styleImages/backgrounds/buttons.png) no-repeat scroll 0% 0px;
height:22px;
margin-top:5px;
width:118px;
margin-bottom:10px;
}
/* Notes: Add To Cart Button (viewCat) - background position controlled by AJAX Add To Cart callbacks */
.addToCartWhiteBG {
background:transparent url(../styleImages/backgrounds/buttons.png) no-repeat scroll 0% 0px;
height:22px;
margin-top:5px;
width:118px;
margin-bottom:10px;
}
/* Notes: viewCat More Button */
.more {
background:transparent url(../styleImages/backgrounds/buttons.png) no-repeat scroll 100% 0px;
height:22px;
margin-top:5px;
width:65px;
margin-bottom:10px;
}
/* Notes: Add To Cart Button - Hover */
.addToCart:hover {
background:transparent url(../styleImages/backgrounds/buttons.png) no-repeat scroll 0% -22px;
cursor:pointer;
}
/* Notes: Add To Cart Button (viewCat) - Hover */
.addToCartWhiteBG:hover {
background:transparent url(../styleImages/backgrounds/buttons.png) no-repeat scroll 0% -22px;
cursor:pointer;
}
/* Notes: viewCat More Button - Hover */
.more:hover {
background:transparent url(../styleImages/backgrounds/buttons.png) no-repeat scroll 100% -22px;
cursor:pointer;
}
/* Notes: viewCat Pagination Container */
.pagination {
margin-top:15px;
padding-bottom:5px;
padding-top:5px;
text-align:right;
width:100%;
}
div.pagination a.txtLink {
margin:0px;
}
div.pagination strong {
background:#F73D7C none repeat scroll 0%;
border:1px solid #F73D7C;
color:#FFFFFF;
font-size:11px;
margin:0pt 0pt 0pt 2px;
padding:2px 5px;
text-decoration:none;
}
/* Notes: Product Sort Container - CC4 */
#sort {
margin-top:10px;
}
/* Notes: viewCat Pagination Page */
.txtLink, .txtLinkCurrent {
background:url(../styleImages/backgrounds/page_gradient.jpg) repeat-x bottom;
border:1px solid #D3D3D3;
color:#336699;
font-size:11px;
margin:0pt 0pt 0pt 2px;
padding:2px 5px;
text-decoration:none;
}
.txtLink:hover {
border:1px solid #F73D7C;
}
/* Notes: viewCat Pagination (Current Page) */
.txtLinkCurrent {
background:#F73D7C none repeat scroll 0%;
border:1px solid #F73D7C;
color:#FFFFFF;
}
/* Notes: viewCat Sub Cats Container */
#subCats {
border:1px solid #E8E7E7;
float:left;
margin-bottom:20px;
margin-top:15px;
overflow:hidden;
padding-bottom:20px;
padding-top:10px;
text-align:center;
width:735px;
}
/* Notes: viewCat Sub Cat Container */
.subCat {
float:left;
height:160px;
margin:6px;
text-align:center;
width:110px;
}
/* Notes: viewCat Sub Cat Contents */
.catContents {
background-image:url(../styleImages/backgrounds/catContents.png);
background-position:0% 0px;
color:#FFFFFF;
height:33px;
position:absolute;
right:10px;
text-align:center;
text-decoration:none;
top:15px;
width:44px;
z-index:99;
}
/* Notes: viewCat Sub Cat Contents - Hover */
.catContents:hover {
background-position:-43px 0%;
}
/* Notes: viewCat Sub Cat Contents Text Container */
.catContentsText {
font-family:"Calibri",Arial,sans-serif;
font-size:10px;
font-weight:700;
padding-top:8px;
text-decoration:none;
}
/* Notes: viewCat Sub Cat Text Link Container */
.subCatName {
color:#C3C3C3;
font-size:14px;
font-weight:700;
margin-right:10px;
text-decoration:none;
}
/* Notes: viewCat Sub Cat Text Link */
.subCatText {
border-top:1px dotted #E8E7E7;
}
/* Notes: viewCat Product Container */
.viewCatProduct {
background:#FFFFFF url(../styleImages/backgrounds/latestProdBG.gif) repeat-x scroll center bottom;
border-bottom:1px solid #E8E7E7;
border-left:1px solid #E8E7E7;
border-right:1px solid #E8E7E7;
margin-top:20px;
position:relative;
width:735px;
}
/* Notes: viewCat Product Name Container */
h2.txtViewCatProductName {
background:transparent url(../styleImages/backgrounds/cat_mid.gif) repeat-x scroll center top;
height:30px;
position:relative;
color:#999999;
font-size:13px;
margin-top:0pt;
padding-left:14px;
padding-right:14px;
padding-top:8px;
}
/* Notes: viewCat Product Thumbnail */
.viewCatProductImage {
float:left;
height:130px;
width:130px;
margin-left:5px;
}
/* Notes: viewCat Product Details Container */
.viewCatProductDetails {
float:left;
margin-left:15px;
margin-right:15px;
width:570px;
display:inline;
}
/* Notes: viewCat Short Product Description Container */
.txtviewCatProductDescription {
color:#000;
font-size:11px;
line-height:15px;
margin-bottom:5px;
word-spacing:-1px;
}
/* Notes: viewCat Button Container */
.viewCatProductButtons {
margin-top:5px;
}
/* Notes: viewCat error - product options must be selected */
.AJAX-options {
display:none;
margin-bottom:10px;
margin-top:15px;
margin-bottom:15px !important;
}
/* Notes: viewCat error - product options must be selected (icon) */
.AJAX-opt {
background:transparent url(../styleImages/backgrounds/exclamation.gif) no-repeat scroll center;
display:none;
height:22px;
position:absolute;
right:7px;
top:7px;
width:23px;
}
/* Notes: Error notice */
.errorStatus, .loginStatus, .forgotPassword, .newUser, .editAddress, .gateway, .noItems {
background:#FFF2F2 url(../styleImages/backgrounds/exclamation.gif) no-repeat scroll 8px 9px;
border:1px solid #DFDFDD;
color:#7c017d;
margin-bottom:10px;
padding:10px 10px 10px 35px;
font-size:11px;
}
/* Notes: Error notice */
.errorStatus {
margin-top:10px;
}
/* Notes: Success notice */
.successStatus {
background:#FFF url(../styleImages/backgrounds/tick.gif) no-repeat scroll 8px 9px;
border:1px solid #DFDFDD;
color:#7c017d;
margin-bottom:10px;
padding:10px 10px 10px 35px;
font-size:11px;
}
/* Notes: Information notice */
.infoStatus {
background:#FFF url(../styleImages/backgrounds/help.gif) no-repeat scroll 8px 9px;
border:1px solid #DFDFDD;
color:#7c017d;
margin-bottom:10px;
padding:10px 10px 10px 35px;
font-size:11px;
}
/* Notes: Information notice - Link */
.infoStatus a {
color:#3A89C9;
text-decoration:none;
}
/* Notes: Textbox Field */
.textbox, .textarea {
background:#FFF url(../styleImages/backgrounds/textBox_Left.png) repeat-x scroll left top;
border:none;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
color:#7c017d;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
width:200px;
height:18px;
padding-top:4px;
padding-left:4px;
padding-right:4px;
}
.dropDownBox {
border:1px solid #CCCCCC;
height:23px;
color:#7c017d;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
padding-top:3px;
padding-bottom:2px;
background:none;
}
.multiSelect {
border:1px solid #CCCCCC;
color:#7c017d;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
background:none;
min-width:210px;
}
.textarea {
background:#FFF url(../styleImages/backgrounds/textarea.png) repeat-x scroll left top;
padding-bottom:4px;
height:166px;
line-height:15px;
}
/* Notes: viewCat Product Name Link */
a.txtViewCatProductName {
color:#B1B1B1;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
padding-right:2px;
}
a.txtViewCatProductName:hover {
border-bottom:1px dotted #777777;
color:#777777;
}
/* Notes: Cart Progress Container */
.cartProgress {
margin-top:15px;
}
/* Notes: Cart Progress - Step 1 */
#step1, #step2, #step3 {
background:transparent url(../styleImages/backgrounds/step_1.png) no-repeat scroll center;
display:none;
height:26px;
margin:0pt auto;
width:350px;
}
/* Notes: Cart Progress - Step 2 */
#step2 {
background:transparent url(../styleImages/backgrounds/step_2.png) no-repeat scroll center;
}
/* Notes: Cart Progress - Step 3 */
#step3 {
background:transparent url(../styleImages/backgrounds/step_3.png) no-repeat scroll center;
}
/* Notes: Cart Progress - Display Current Step */
.txtcartProgressCurrent {
display:block !important;
}
/* Notes: Cart Column Title */
.tdcartTitle {
background:transparent url(../styleImages/backgrounds/tab.png) repeat-x scroll center bottom;
border-bottom:1px solid #E1E1E1;
border-top:1px solid #E1E1E1;
color:#4F4F4F;
font-size:120%;
font-weight:700;
height:30px;
}
/* Notes: Cart Row */
.cartRow {
height:60px;
}
/* Notes: Cart Row (odd) */
.tdcartOdd, .tdcartEven {
border-bottom:1px solid #E1E1E1;
padding-bottom:10px;
padding-top:10px;
}
/* Notes: Cart Row (even) */
.tdcartEven {
background-color:#F8F8F8;
}
/* Notes: Cart Product Title */
.cartProdTitle {
padding-left:35px;
padding-right:10px;
position:relative;
}
/* Notes: Promotional Code text */
.promoCode {
border-bottom:1px dotted #333333;
}
/* Notes: Promotional Code text - Hover */
.promoCode:hover {
cursor:help;
}
/* Notes: Cart Sub-Total Row */
.tdCartSubTotal {
padding-top:20px;
}
#invAddrTable td {
padding-left:10px;
}
#invAddrTable td strong {
color:#666666;
font-size:120%;
font-weight:700;
}
/* Notes: Cart Product Options Selected */
.cartOption {
background:transparent url(../styleImages/backgrounds/dotted_arrow_light.gif) no-repeat scroll 4px 3px;
margin-top:3px;
padding-left:22px;
padding-top:4px;
}
/* Notes: Cart Update Button */
.update, .continue {
background:#F2F2F2 url(../styleImages/backgrounds/cart_go.gif) no-repeat scroll 8px 9px;
border:1px solid #DFDFDD;
color:#636363;
display:block;
margin-bottom:10px;
padding:10px 15px 10px 35px;
float:left;
}
.update {
padding-left:10px;
background-image:none;
}
.continue {
background-image:url(../styleImages/backgrounds/cart_go.gif);
float:right;
text-align:left;
}
.update:hover, .continue:hover {
background-color:#F9F9F9;
}
.loginStatus {
background:#FFFFFF url(../styleImages/backgrounds/help.gif) no-repeat scroll 8px 9px;
width:690px;
margin-top:15px;
}
.forgotPassword {
background:#FFFFFF url(../styleImages/backgrounds/key.gif) no-repeat scroll 8px 9px;
}
.newUser {
background:#FFFFFF url(../styleImages/backgrounds/user_go.gif) no-repeat scroll 8px 9px;
}
.editAddress {
background:#F2F2F2 url(../styleImages/backgrounds/page_white_edit.gif) no-repeat scroll 8px 9px;
}
.gateway {
background:#F2F2F2 url(../styleImages/backgrounds/lock_go.gif) no-repeat scroll 8px 9px;
margin:3px;
width:70px;
display:block;
}
.noItems {
background:#FFFFFF url(../styleImages/backgrounds/cart_error.gif) no-repeat scroll 8px 9px;
}
.newUser:hover, .forgotPassword:hover, .editAddress:hover, .gateway:hover, .noItems:hover {
background-color:#F9F9F9;
}
/* Notes: Login Field Label */
.fieldLabel {
color:#666666;
font-size:120%;
font-weight:700;
}
/* Notes: Cart Field Names */
.cartAdd {
color:#666666;
font-size:120%;
font-weight:700;
}
/* Notes: Submit Button */
.submit {
background:transparent url(../styleImages/backgrounds/submit.png) repeat scroll 0% 0%;
border-color:#CCCCCC;
border-style:double;
border-width:3px;
color:#999999 !important;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding:3px 7px !important;
text-transform:capitalize;
text-decoration:none !important;
}
/* Notes: Submit Button - Hover */
.submit:hover {
text-decoration:none;
}
/* Notes: Registration Text Field */
.regbox {
background:#FFF url(../styleImages/backgrounds/textBox_Left.png) repeat-x scroll left top;
border:none;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
color:#7c017d;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
width:182px;
height:18px;
padding-top:4px;
padding-left:4px;
padding-right:25px;
float:left;
}
#shipping-select {
border:1px solid #CCCCCC;
height:23px;
color:#7c017d;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
padding-top:3px;
padding-bottom:2px;
background:none;
}
/* Notes: SiteDoc Body */
.docBody {
background:#FDFDFD url(../styleImages/backgrounds/saleItemTitle.png) repeat-x scroll center top;
padding:15px;
border:1px solid #dddddd;
border-top:none;
width:705px;
margin-top:10px;
color:#000;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
word-spacing:-1px;
}
.accountPersonalInfo, .accountOrderHistory, .accountChangePassword, .accountNewsletter, .accountLogout {
background:#FFFFFF url(../styleImages/icons/personalInfo.gif) no-repeat scroll left top;
border-bottom:1px dotted #E1E1E1;
line-height:20px;
margin-bottom:10px;
padding-bottom:25px;
padding-left:70px;
padding-top:20px;
width:615px;
}
.accountPersonalInfo {
margin-top:20px;
}
.accountOrderHistory {
background:transparent url(../styleImages/icons/orders.gif) no-repeat scroll left center;
}
.accountChangePassword {
background:transparent url(../styleImages/icons/changePassword.gif) no-repeat scroll left center;
}
.accountNewsletter {
background:transparent url(../styleImages/icons/newsletter.gif) no-repeat scroll left center;
}
.accountLogout {
background:transparent url(../styleImages/icons/logout.gif) no-repeat scroll left center;
}
/* Notes: Default Link */
a.txtDefault {
color:#7c017d;
}
/* Notes: Out Of Stock */
.txtOutOfStock {
color:#F73D7C;
}
/* Notes: Generic Style. Fills container with link */
.linkFill {
display:block;
width:100%;
height:100%;
}
/* Notes: CubeCart Copyright */
.txtCopyright {
text-align:center;
color:#A8A8A8;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
line-height:15px;
width:968px;
margin:0 auto;
}
a.txtCopyright {
margin-left:1px;
}
/* Notes: CubeCart Copyright */
div.txtCopyright {
margin-bottom:10px;
}
/******************************
START: VIEWPROD TABS
*******************************/
/* Notes: viewProd Tabs Container */
ul.tabMenu {
margin:0;
list-style:none;
padding:0;
position:relative;
}
/* Notes: viewProd Tab */
ul.tabMenu li {
float:left;
margin-right:5px;
position:relative;
}
/* Notes: viewProd Additional Images Tab - remove if no additional images */
ul.tabMenu li.images {
display:none;
}
/* Notes: viewProd Tab Link */
ul.tabMenu li a {
border-bottom:1px solid #E1E1E1;
border-left:1px solid #E1E1E1;
border-right:1px solid #E1E1E1;
border-top:1px solid #E1E1E1;
color:#7c017d;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
display:block;
margin:1px 1px 1px 0pt;
padding:6px 14px;
text-decoration:none;
background:url(../styleImages/backgrounds/tab_hover.gif) repeat-x bottom;
position:relative;
}
/* Notes: viewProd Tab Link - selected style */
ul.tabMenu li a.selected {
background:#FCFCFC;
border-bottom:1px solid #FCFCFC;
display:block;
}
/* Notes: viewProd Tab Content */
div.tabContent {
margin-top:-2px;
padding:14px;
border:1px solid #E1E1E1;
background-color:#FCFCFC;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000;
display:none;
}
/************************
START: Typography
*************************/
div.tabContent h2, div.docBody h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
text-decoration:underline;
color:#666666;
margin-bottom:15px;
margin-top:20px;
}
div.tabContent h3, div.docBody h3 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
text-decoration:underline;
margin-bottom:10px;
margin-top:15px;
}
div.tabContent blockquote, div.docBody blockquote {
font-family:Georgia,"Times New Roman",Times,serif;
color:#A9A9A9;
font-size:13px;
font-style:italic;
padding:16px 30px;
border-top:1px dotted #C8C8C8;
border-bottom:1px dotted #C8C8C8;
margin:16px 0px;
background:url(../styleImages/backgrounds/quotes_open.gif) 0px 8px no-repeat;
}
div.tabContent p, div.docBody p {
margin:0px;
margin-bottom:16px;
text-align:justify;
}
div.tabContent a, div.docBody a {
color:#F73D7C;
text-decoration:none;
}
div.tabContent a, div.docBody a:hover {
text-decoration:underline;
}
div.tabContent div.alert, div.docBody div.alert {
background:#FFF2F2 url(../styleImages/backgrounds/exclamation.gif) no-repeat scroll 8px 9px;
border:1px solid #FFDFDF;
color:#7c017d;
margin:10px 0px;
padding:10px 10px 10px 35px;
font-size:11px;
}
div.tabContent div.confirm, div.docBody div.confirm {
background: #F2FFCC url(../styleImages/backgrounds/tick.gif) no-repeat scroll 8px 9px;
border:1px solid #DCFE96;
color:#7c017d;
margin-bottom:10px;
padding:10px 10px 10px 35px;
font-size:11px;
}
div.tabContent div.info, div.docBody div.info {
background:#FFF url(../styleImages/backgrounds/help.gif) no-repeat scroll 8px 9px;
border:1px solid #DFDFDD;
color:#7c017d;
margin-bottom:10px;
padding:10px 10px 10px 35px;
font-size:11px;
}
div.tabContent a.button, div.docBody a.button {
background:transparent url(../styleImages/backgrounds/submit.png) repeat scroll 0% 0%;
border-color:#CCCCCC;
border-style:double;
border-width:3px;
color:#999999 !important;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding:3px 7px !important;
text-transform:capitalize;
text-decoration:none !important;
}
div.tabContent span.highlight, div.docBody span.highlight, div.tabContent span.highlight-alt, div.docBody span.highlight-alt {
background-color:#FFFFCC;
border-bottom:1px solid #FDEB82;
font-weight:bold;
padding:0pt 3px;
}
div.tabContent span.highlight-alt, div.docBody span.highlight-alt {
background-color:#FFE8E8;
border-bottom:1px solid #FFD2D2;
}
div.tabContent span.dropcap, div.docBody span.dropcap, div.tabContent span.dropcap-alt, div.docBody span.dropcap-alt {
background:transparent url(/img/dcapxxl-backg.gif) no-repeat scroll center center;
float:left;
font-size:40px;
line-height:38px;
margin:0px;
margin-right:8px;
margin-bottom:4px;
font-family:Georgia,"Times New Roman",Times,serif;
text-transform:uppercase;
}
div.tabContent span.dropcap-alt, div.docBody span.dropcap-alt {
color:#F73D7C;
}
div.tabContent em.alt, div.docBody em.alt {
font-family:Georgia,"Times New Roman",Times,serif;
}
/************************
END: Typography
*************************/
div.tabContent h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
text-decoration:underline;
color:#333333;
margin-bottom:15px;
margin-top:25px;
}
div.tabContent h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
text-decoration:underline;
color:#666666;
margin-bottom:15px;
margin-top:20px;
}
div.tabContent h3 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
text-decoration:underline;
margin-bottom:10px;
margin-top:15px;
}
#tabDescription {
display:block;
}
/******************************
END: VIEWPROD TABS
*******************************/
/******************************
START: VIEWPROD PRODUCT REVIEW
*******************************/
/* Notes: Container for each review */
.review {
border:1px solid #E9E9E9;
background:#FFFFFF url(../styleImages/backgrounds/latestProdBG.gif) repeat-x scroll center bottom;
margin-bottom:16px;
margin-top:0px;
position:relative;
}
/* Notes: No Reviews */
span.noReviews {
position:relative;
}
/* Notes: Title Bar for review */
.reviewTitleBar {
background-color:#DDDDDD;
font-weight:bold;
text-transform:capitalize;
padding-left:5px;
padding-right:5px;
padding-top:2px;
padding-bottom:2px;
font-family:Arial, Helvetica, sans-serif;
position:relative;
}
/* Notes: span containing reviewer's name (within title bar) */
span.reviewer {
float:left;
position:relative;
margin-left:7px;
}
/* Notes: span containing review date (within title bar) */
span.reviewDate {
float:right;
font-weight:normal;
position:relative;
margin-right:10px;
}
/* Notes: Container for stars and comments */
.reviewDetails {
padding:10px;
}
/* Notes: Container for stars */
.reviewStars {
margin-left:2px;
}
/* Notes: Container for review comments */
.reviewComments {
margin-left:2px;
margin-right:10px;
margin-top:10px;
position:relative;
}
#makeReview div.errorStatus, #makeReview div.successStatus, #makeReview div.infoStatus {
width:641px;
margin-top:15px;
}
fieldset#reviewSet, #regForm fieldset {
border:1px solid #E1E1E1;
margin-bottom:15px;
margin-left:0;
padding:15px;
background:#FFF url(../styleImages/backgrounds/latestProdBG.gif) repeat-x scroll center bottom;
width:705px;
}
#reviewSet legend, #regForm legend {
color:#000;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
text-transform:uppercase;
background:transparent url(../styleImages/backgrounds/saleItemTitle.png) repeat-x scroll center top;
padding-left:7px;
padding-right:7px;
padding-top:3px;
padding-bottom:3px;
border: 1px solid #dddddd;
border-top:none;
}
#reviewSet p, #regForm p {
border-bottom:1px dashed #E9E9E9;
line-height:200%;
margin:0pt;
padding-bottom:10px;
padding-top:10px;
}
#reviewSet label, #regForm label {
color:#7c017d;
display:block;
float:left;
font-size:110%;
font-weight:700;
width:160px;
}
.mandatory {
background:transparent url(../styleImages/backgrounds/asterisk_orange.gif) no-repeat scroll 0%;
display:block;
float:left;
height:16px;
margin-left:-21px;
margin-top:3px;
width:16px;
}
#add_2 {
margin-left:160px;
}
/******************************
END: VIEWPROD PRODUCT REVIEW
*******************************/
/************************
START: VIEWPROD LIGHTBOX
*************************/
div.pictureHolder .top .left {
background: url(../styleImages/lightbox/tl.gif) top left no-repeat;
}
div.pictureHolder .top .middle {
background: #fff;
}
div.pictureHolder .top .right {
background: url(../styleImages/lightbox/tr.gif) top left no-repeat;
}
div.pictureHolder .content {
background-color: #fff;
}
div.pictureHolder .content a.next:hover {
background: url(../styleImages/lightbox/btnNext.gif) center right no-repeat;
cursor: pointer;
}
div.pictureHolder .content a.previous:hover {
background: url(../styleImages/lightbox/btnPrevious.gif) center left no-repeat;
cursor: pointer;
}
div.pictureHolder .content a.close {
width: 61px;
height: 22px;
background: url(../styleImages/lightbox/btnClose.gif) center left no-repeat;
cursor: pointer;
}
div.pictureHolder .bottom .left {
background: url(../styleImages/lightbox/bl.gif) top left no-repeat;
}
div.pictureHolder .bottom .middle {
background: #fff;
}
div.pictureHolder .bottom .right {
background: url(../styleImages/lightbox/br.gif) top left no-repeat;
}
div.pictureHolder .loaderIcon {
background: url(../styleImages/lightbox/loader.gif) center center no-repeat;
}
div.prettyPhotoTitle div.prettyPhotoTitleLeft {
background: url(../styleImages/lightbox/ttl.gif) top left no-repeat;
}
div.prettyPhotoTitle div.prettyPhotoTitleRight {
background: url(../styleImages/lightbox/ttr.gif) top left no-repeat;
}
div.prettyPhotoTitle div.prettyPhotoTitleContent {
background: url(../styleImages/lightbox/ttp.gif) top left repeat-x;
}
div.prettyPhotoOverlay {
background: #000;
position: absolute;
top: 0;
left: 0;
z-index: 9500;
width: 100%;
}
div.pictureHolder {
position: absolute;
z-index: 10000;
width: 100px;
}
div.pictureHolder .top {
position: relative;
height: 20px;
}
* html div.pictureHolder .top {
padding: 0 20px;
}
div.pictureHolder .top .left {
position: absolute;
left: 0;
width: 20px;
height: 20px;
}
div.pictureHolder .top .middle {
position: absolute;
left: 20px;
right: 20px;
height: 20px;
}
* html div.pictureHolder .top .middle {
position: static;
}
div.pictureHolder .top .right {
position: absolute;
top: 0;
left: auto;
right: 0;
width: 20px;
height: 20px;
}
div.pictureHolder .content {
position: relative;
text-align: left;
width: 100%;
height: 40px;
}
div.pictureHolder .content .details {
display: none;
margin: 10px 15px 0 20px;
}
div.pictureHolder .content .details p {
float: left;
clear: left;
margin: 0;
color:#7c017d !important;
}
div.pictureHolder .content div.hoverContainer {
position: absolute;
z-index: 10000;
top: 0;
left: 0;
width: 100%;
}
div.pictureHolder .content a.next {
position: relative;
z-index: 2000;
display: block;
float: right;
text-indent: -10000px;
width: 49%;
height: 100%;
background: url(../styleImages/lightbox/btnNext.gif) 10000px 50% no-repeat; /* Need to be defined that way to fix an IE bug */
}
div.pictureHolder .content a.previous {
cursor: pointer;
display: block;
text-indent: -10000px;
width: 49%;
height: 100%;
background: url(../styleImages/lightbox/btnNext.gif) 10000px 50% no-repeat; /* Need to be defined that way to fix an IE bug */
}
div.pictureHolder .content a.close {
float: right;
display: block;
text-indent: -10000px;
}
div.pictureHolder .bottom {
position: relative;
height: 20px;
}
* html div.pictureHolder .bottom {
padding: 0 20px;
}
div.pictureHolder .bottom .left {
position: absolute;
left: 0;
width: 20px;
height: 20px;
}
div.pictureHolder .bottom .middle {
position: absolute;
left: 20px;
right: 20px;
height: 20px;
}
* html div.pictureHolder .bottom .middle {
position: static;
}
div.pictureHolder .bottom .right {
position: absolute;
top: 0;
left: auto;
right: 0;
width: 20px;
height: 20px;
}
div.pictureHolder .loaderIcon {
display: none;
position: absolute;
top: 50%;
left: 50%;
margin: -12px 0 0 -12px;
width: 24px;
height: 24px;
}
div.pictureHolder #fullResImageContainer {
width: 100%;
text-align: center;
}
div.prettyPhotoTitle {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 9999;
color: #fff;
font-size: 13px;
}
div.prettyPhotoTitle div.prettyPhotoTitleLeft, div.prettyPhotoTitle div.prettyPhotoTitleRight {
float: left;
width: 19px;
height: 23px;
overflow: hidden;
}
div.prettyPhotoTitle div.prettyPhotoTitleContent {
float: left;
line-height: 23px;
}
/************************
END: VIEWPROD LIGHTBOX
*************************/
/************************
START: TOOLTIPS
*************************/
#tt {
position:absolute;
display:block;
background:url(../styleImages/backgrounds/tt_left.gif) top left no-repeat;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
}
#tttop {
display:block;
height:5px;
margin-left:5px;
background:url(../styleImages/backgrounds/tt_top.gif) top right no-repeat;
overflow:hidden;
}
#ttcont {
display:block;
padding:2px 12px 3px 7px;
margin-left:5px;
background:#666;
color:#fff;
}
#ttbot {
display:block;
height:5px;
margin-left:5px;
background:url(../styleImages/backgrounds/tt_bottom.gif) top right no-repeat;
overflow:hidden;
}
/************************
END: TOOLTIPS
*************************/