html {
padding:0px;
}
/* Controls the complete HTML Body */
body
{
background-color: #FFFFFF;
background-image: url(../Files/background_wayne.jpg);
background-repeat: repeat-x;
background-attachment: fixed;
background-position: right bottom;
color: #4c404a;
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin-left: auto;
margin-right: auto;
}
/* Controls the customisable centre section of the HTML Body */
#bodywrapper
{
background-color: #FFFFFF
background-image:url(../Files/background_1500x1000.jpg)
position: relative;
text-align: left;
width: 1000px;
margin: 0 auto;
}
/* Site Master */
div.content {
margin-right: auto;
margin-left: auto;
}
table.maincontent {
width:100%;
}
.mainleft {
padding-top:10px;
}
.maincentre {
background-color: #FFFFFF;
background-repeat: repeat-x;
background-attachment: fixed;
background-position: right bottom;
padding: 10px 10px 10px 20px;
}
.mainright {
padding-top:10px;
}
div.footer {
margin-top: 30px;
margin-bottom: 20px;
text-align: center;
}
/* basic selectors */
.space8
{
padding: 8px;
}
.space20
{
padding: 20px;
}
/* Controls the colour of the used links, when revisiting the pages during a session */
a:link, a:visited {
color:#4c404a;
text-decoration: none;
}
/* Controls the hover colour of the links */
a:active, a:hover {
color: #7d053f;
text-decoration: none;
}
th {
vertical-align:top;
}
td {
vertical-align:top;
}
/* Controls the characteristics of heading 1 in HTML pages, and also the stock description in stock detail page */
h1 {
font: bold 110% Verdana, Arial, Helvetica, sans-serif;
color:#a2d4ef;
margin-top:10px;
margin-bottom:10px;
}
/* Controls the characteristics of heading 2 in HTML pages */
h2 {
font: bold 110% Verdana, Arial, Helvetica, sans-serif;
color:#4c404a;
margin-top:10px;
margin-bottom:10px;
}
/* Controls the characteristics of heading 3 in HTML pages */
h3 {
font: bold 110% Verdana, Arial, Helvetica, sans-serif;
color:#4c404a;
margin-top:5px;
margin-bottom:5px;
}
/* Controls the characteristics of heading 4 in HTML pages */
h4 {
font: bold 100% Verdana, Arial, Helvetica, sans-serif;
color:#4c404a;
}
img {
border: 0px;
}
/* Controls the characteristics of a lines drawn in the HTML pages */
hr {
color: #4c404a;
height: 1px;
}
hr.light {
color: #4c404a;
height: 1px;
border-style:dashed;
}
form {
margin: 0px;
padding: 0px;
}
/* Controls the font of details keyed in. Add a color line here if you don't want to use the standard defined in the body wrapper */
input, textarea, select {
font: 100% Verdana, Arial, Helvetica, sans-serif;
}
fieldset {
border:1px solid #3c1603;
padding:10px 10px 10px;
margin-top: 4px;
}
legend {
font-weight:bold;
}
fieldset div {
padding-top:5px;
}
.wordwrap {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
vertical-align:top;
}
.hidden {
display:none;
}
/* top cart/login menu */
/* Controls the positioning of the Login Menu. Add color line if you want to change the colour */
#ctl00_divHeader {
position: relative;
}
div.uppermenu {
position:absolute;
top: -10px;
right: -12px;
z-index:200;
}
div.uppermenu ul {
list-style: none;
padding: 0px;
margin: 10px;
float:right;
background-color:#fff;
padding:10px 45px 10px 33px;
border:1px solid #cccccc;
}
/* Controls display of My Account and Log Out prompts. Add a color line to change the colour of items */
div.uppermenu li {
padding: 0px;
margin: 0px;
display: inline;
border-left: solid 1px #3c1603;
}
/* Controls how the Customer User Name is displayed. Add a color line to change the colour of item */
div.uppermenu li.first {
border-left: none;
}
/* Controls how the Visited options are displayed. Add a Color line to change the Colour when the mouse is clicked */
div.uppermenu li a:link, div.uppermenu li a:visited {
padding: 0px 2px 0px 5px;
text-decoration: none;
}
/* Controls the Hover over a Prompt. Add a Color line to change the Colour when the mouse is over a prompt */
div.uppermenu li a:active, div.uppermenu li a:hover {
text-decoration: underline;
}
/* header toolbar menu */
/* Controls the characteristics of the Main Menu. The file menu-bg.gif is the Menu background Bar */
div.mainMenu {
width: 100%;
height: 31px;
background: #3c1603 url(../Files/menu-bg.gif) top left repeat-x;
font-size: 12px;
font-weight: bold;
list-style-type: none;
margin: 0;
padding: 0;
}
div.mainMenu ul {
list-style: none;
padding: 0px;
margin: 0px;
}
/* Controls the Size and Colours of Main Menu items and when mouse hovers over them. current-bg.gif controls the Background when the mouse is clicked on a menu item */
div.mainMenu li {
display: block;
float: left;
margin: 0 0 0 10px;
height: 31px;
}
div.mainMenu li a {
height: 31px;
color: #7d053f;
text-decoration: none;
display: block;
float: left;
line-height: 200%;
padding: 5px 15px 0 ;
}
div.mainMenu li a:hover {
color: #B22222;
}
div.mainMenu li a.current {
height: 29px;
color: #4c404a;
background: #28abb7 url(../Files/current-bg.gif) top left repeat-x;
padding: 3px 15px 0;
}
/* search bar, admin header */
/* Controls the characteristics of the Search bar. To change colour replace the mainmenu-bar image */
div.bar {
background:url(../Files/mainmenu-bar.jpg);
height: 37px;
font-size: 110%;
color: #F4F4F4;
font-weight: bold;
vertical-align:middle;
}
div.bar div {
padding: 7px 20px 3px 20px;
vertical-align: middle;
}
/* Category navigation menu */
/* Controls the display characteristics of the Category List */
.categorymenu
{
background-color: #FFFFFF;
background-image: url();
background-repeat: no-repeat;
background-attachment: fixed;
background-position: right bottom;
color: #28abb7;
border-color:#4c404a;
border-style:solid;
border-width:2px;
vertical-align:top;
text-decoration: none;
padding: 0px 0px 4px 4px;
}
/* Controls top level */
.categorymenulevel
{
color: #28abb7;
font-size: 12px;
font-weight: bold;
padding: 5px 0px 0px 0px;
border-bottom:0px;
}
/* Controls second level */
.categorysubmenulevel2
{
color: #28abb7;
font-size: 11px;
padding: 5px 0px 0px 0px;
border-bottom:0px;
}
/* Controls third level */
.categorysubmenulevel3
{
color: #28abb7;
font-size: 11px;
padding: 5px 0px 0px 0px;
border-bottom:0px;
}
/* Controls fourth level */
.categorysubmenulevel4
{
color: #28abb7;
font-size: 11px;
padding: 5px 0px 0px 0px;
border-bottom:0px;
}
/* Controls the characteristics of the category List when Hovering */
.categorymenuhover{
color: #B22222 !important;
font-weight: bold !important;
text-decoration: none;
}
/* Controls the characteristics of the category List when Mouse is clicked */
.categorymenuselected{
color: #B22222 !important;
font-weight: bold !important;
text-decoration: none;
}
/* Login */
/* Controls Login Panel border characteristics */
.logintable
{
border: outset 1px #DFDFDF;
border-collapse:collapse;
}
/* Controls characteristics of Login Header displayed */
.loginheader {
background-color:#a2d4ef;
font-weight:bold;
color:#FFFFFF;
vertical-align:middle;
}
/* Controls the Login Box characteristics. Add a color line to change Font colour */
.logincell
{
margin-bottom:3px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* Controls the New Customer display characteristics. Add a color line to change Colour */
.logincreatecell {
vertical-align:middle;
text-align:center;
width:50%;
}
/* Controls characteristics of messages displayed by eRetailer when the Client makes an error */
.instructiontextstyle{
color:#FF0000;
}
/* Prices Style */
/* Controls display of Selling Prices, Amount saved, and New Product text in the Product View Panel. Add a color line to change the colour of prices */
.internetprice {
font-size: 13px;
text-decoration: line-through;
}
.currentprice {
font-weight: bold;
font-size: 13px;
color: #7d053f;
}
.saveamount {
font-size: 13px;
color: #b22222;
}
.newstyle {
font-weight:bold;
color:#b22222;
}
.error {
color:#b22222;
font-weight:bold;
}
.success {
color:#002E6C;
font-weight:bold;
}
.negative {
color:#b22222;
}
/* Availibility Description */
/* Controls characteristics of Stock Availability prompt */
.availablenow {
color: #000000;
}
/* Controls the characteristics of the Stock Availability Message */
.delayeddelivery {
color: #b22222;
}
/* Controls the characteristics of the Stock Availability Message */
.outofstock{
font-weight:bold;
color: #b22222;
}
/* Checkout */
/* Controls the display of Checkout Header background */
.checkoutheader {
font-size:small;
color:Gray;
text-align:left;
}
/* Controls display of Current step */
.highlightheader {
color: #5A5A5A;
font-weight: bold;
}
.stylesection {
padding:10px;
border-top:1px dashed #000000;
}
/* This controls the 'Please Make your Selections' text in the Stock Item Display text */
.hookline {
font-size: larger;
font-style: italic;
}
.loadingbox{
position:absolute;
top:40%;
left:40%;
border:1px solid lightsteelblue;
height:50px;
width:250px;
text-align:center;
padding-top:20px
}
/* Controls display of Checkout Section Headings */
div.sectionbar {
padding: 3px 20px 3px 20px;
background:url(../Files/bullet-1.gif) no-repeat center left;
color:#5A5A5A;
font-size: 110%;
font-weight:bold;
}
/* Controls the display of the Body text within each Checkout Section */
div.sectiondata
{
padding: 3px 0px 3px 20px;
color:#4c404a;
font-size: 100%;
font-weight:normal;
}
/* Controls the display of the 'required fields comment' in Register New Customer section */
div.sectioncomment {
color:#003271;
padding: 3px 0px 3px 20px;
font-size: 110%;
}
/* Controls display of Section Headings in Order Detail Screen */
div.sectionheader {
background: #000000 url(../Files/sectionheader-bar.jpg) top left repeat-x;
font-weight:bold;
color: #F4F4F4;
padding: 4px 2px 4px 2px;
text-align:left;
}
/* Controls the characteristics of the text displayed for International Customers in the shipping section */
div.lightnotice {
font-weight:normal;
margin-top:10px;
margin-bottom:10px;
padding-top:2px;
}
/* Controls the characteristics of the International Customers Header displayed in the shipping section */
div.notice {
font-weight:bold;
margin-top:10px;
margin-bottom:10px;
padding-top:2px;
}
/* Controls display of text in the My Details screen wherever it is displayed */
.formsectiontext {
width:150px;
text-align:left;
padding-right:2px;
}
/* Controls the display of input keyed in the My Details screen */
.formsectionvalue {
text-align:left;
padding-left:2px;
}
/* Contents */
/* Controls display of the inside of the containers for Promotions, Suggestions, Category List */
div.contents {
color: #F4F4F4;
margin-bottom:15px;
}
/* Controls display of the Header of the containers for Promotions, Suggestions, Category List */
div.contentsheader {
text-align: center;
background-color:#4C404A;
font-weight: bold;
}
div.contentsheader a {
text-decoration: none;
}
/* Controls background Color and borders for Promotions, Suggestions, Category List */
div.contentsdata {
color: #FFFFFF;
border-color:#002E6C;
border-width:1px;
border-style:solid;
padding: 0px;
}
/* Style list filter/page bar */
/* Controls the display characteristics of the Filter By Panel */
div.styleresultbar {
border:1px solid #DFDFDF;
margin-top:4px;
padding:4px 0px 4px 4px;
}
/* Style image/description/price summary */
/* Controls the Style display background and borders in styles displayed in the Category List */
.stylesummarybox {
border-bottom:1px dashed #C0C0C0;
margin: 0px;
padding: 5px 0px 5px 0px;
}
.stylesummaryimageholder {
text-align:center;
}
.stylesummaryimageholder img{
vertical-align:middle;
}
.stylesummarytext {
padding-top:4px;
text-align:center;
}
/* Promotion text */
/* Controls the display characteristics of the Promotions Panel */
.promotionbox {
background-color: #FFFFFF;
background-image: url();
background-repeat: no-repeat;
background-attachment: fixed;
background-position: right bottom;
color: #28abb7;
border-color:#4c404a;
border-style:solid;
border-width:2px;
vertical-align:top;
text-decoration: none;
padding: 0px 0px 4px 4px;
}
.promotionimageholder{
}
.promotionimageholder img{
vertical-align:middle;
}
.promotiontextholder{
}
/* Rating */
.ratingstar {
width: 13px;
height: 12px;
margin: 0px;
padding: 0px;
display: block;
background-repeat: no-repeat;
}
.filledratingstar {
background-image: url(../Files/filledstar.gif);
}
.emptyratingstar {
background-image: url(../Files/emptystar.gif);
}
.savedratingstar {
background-image: url(../Files/savedstar.gif);
}
.sign {
display:inline-block;
width:10px;
}
/* table view */
/* Controls display of the Products Purchased Panel in Order Detail, Item Added to cart, Shopping Cart and Checkout Pages */
.gridviewtable {
border: outset 1px #DFDFDF;
border-collapse:collapse;
}
/* table view */
/* Controls display of the Header in the Products Purchased Panel in Order Detail, Item Added to cart, Shopping Cart and Checkout Pages */
.headerstyle {
background-color:#a2d4ef;
font-weight:bold;
color:#FFFFFF;
vertical-align:middle;
}
/* Controls display of the Individual Product lines in the Products Purchased Panel in Order Detail, Item Added to cart, Shopping Cart and Checkout Pages */
.rowstyle {
background-color:#F7F6F3;
font-weight:normal;
color:#4c404a;
}
/* Controls display of the Alternating Product lines in the Products Purchased Panel in Order Detail, Item Added to cart, Shopping Cart and Checkout Pages */
.alternatingrowstyle {
background-color:#E3E3E3;
font-weight:normal;
color:#333333;
}
/* Controls display of the Totalling area in the Products Purchased Panel in Order Detail, Item Added to cart, Shopping Cart and Checkout Pages */
.footerstyle {
background-color:#F7F6F3;
font-weight:normal;
color:#333333;
border-top: solid 2px #5D7B9D;
}
/* Controls the display of the Page Number Footer in the My Orders Page */
.pagerstyle {
color:#FFFFFF;
background-color:#284775;
font-size:x-small;
text-align:right;
}
/* Controls the characteristics of the Page Number displayed */
.pagerstyle select{
font-size:x-small;
}
/* Administrator - navigation/category tree menu */
.nodestyle {
color:#000000;
font-family:Verdana;
padding:0px 3px 3px 3px;
}
.hovernodestyle {
background-color:#CCCCCC;
border-color:#888888;
border-width:1px;
border-style:dotted;
}
.selectednodestyle {
background-color:#CCCCCC;
border-color:#888888;
border-width:1px;
border-style:dotted;
}
/* Administrator - popup dialog window */
.modalbackground {
background-color:Gray;
filter:alpha(opacity=70);
opacity:0.7;
}
.modalpopup {
background-color:#FFFFFF;
border:1px solid #DFDFDF;
padding-bottom:10px;
text-align: left;
}
div.title {
color: #F4F4F4;
background-color:#002E6C;
border-bottom:1px solid #DFDFDF;
font-weight:bold;
padding: 4px 10px;
cursor:move;
}
div.body {
padding:10px;
color: #000000;
}
div.buttons {
margin-right:10px;
margin-top:4px;
text-align:right;
}
/*Administrator content popup menu*/
.popupmenu {
position:absolute;
visibility:hidden;
}
.popuphover {
border:1px dashed #C0C0C0;
background-color:#9FCCDD;
}
/* Administrator - tab container */
.ajax__tab_xp-theme .ajax__tab_header {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background:url(../Files/tab-line.gif) repeat-x bottom;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_outer {
padding-right:4px;
background:url(../Files/tab-right.gif) no-repeat right;
height:21px;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_inner {
padding-left:3px;
background:url(../Files/tab-left.gif) no-repeat;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_tab {
height:13px;
padding:4px;
margin:0;
background:url(../Files/tab.gif) repeat-x;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_outer {
background:url(../Files/tab-hover-right.gif) no-repeat right;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_inner {
background:url(../Files/tab-hover-left.gif) no-repeat;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_tab {
background:url(../Files/tab-hover.gif) repeat-x;
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_outer {
background:url(../Files/tab-active-right.gif) no-repeat right;
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_inner {
background:url(../Files/tab-active-left.gif) no-repeat;
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_tab {
background:url(../Files/tab-active.gif) repeat-x;
}
.ajax__tab_xp-theme .ajax__tab_body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
border:1px solid #DFDFDF;
border-top:0;
padding:8px;
}
/* Administrator - editing contents */
.contentheaderpanel {
text-align:center;
padding: 2px 2px 2px 2px;
font-size: 12px;
font-weight:bold;
}
.contenteditpanel {
margin: 2px 0px 2px 0px;
border: 1px dotted #DFDFDF;
}
.contextmenupanel {
border: 1px solid #868686;
z-index: 1000;
background: #FAFAFA;
cursor: default;
padding: 1px 1px 0px 1px;
font-size: 11px;
}
a.contextmenuitem {
margin: 1px 0 1px 0;
display: block;
color: #003399;
text-decoration: none;
cursor: pointer;
padding: 4px 19px 4px 33px;
white-space: nowrap;
}
a.contextmenuitem:hover {
background-color: #FFE6A0;
color: #003399;
border: 1px solid #D2B47A;
padding: 3px 18px 3px 32px;
}
.collapsiblepanelheader {
cursor: pointer;
font-weight: bold;
}
/* Controls the display of the Box exterior for Product Details that pop up when Add to Cart is clicked */
div.addToCartPopupLayer
{
visibility:hidden;
filter: alpha(opacity=0);
-moz-opacity:25;
opacity:0;
position:absolute;
width:220px;
height:80px;
background: #4C404A;
z-index:1000;
vertical-align:top;
}
/* Controls the inside area of the pop up when Add to Cart is clicked */
div.addToCartPopupLayer .innerlayer
{
height:70px;
margin:5px 0px 5px 0px;
background: #F0EEE8;
color:#28abb7;
}
/* Controls the display of the text inside the pop up when Add to Cart is clicked */
div.addToCartPopupLayer .innerlayer .body
{
height:50px;
padding-left:5px;
font-size: 12px;
overflow:hidden;
text-overflow:ellipsis;
}
/* Controls the display of the Checkout and Close links in the pop up when Add to Cart is clicked */
div.addToCartPopupLayer .innerlayer .close
{
font-weight:bold;
text-align:center;
font-size: 13px;
}
/* Suggestion text */
/* Controls the Text characteristics in the Suggestion Panel */
.suggestionbox {
font-size:12px;
text-align:center;
border-color:#DFDFDF;
border-style:solid;
border-width:1px;
}
/* Minicart text */
div.minicartheader {
text-align: center;
color:#FFFFFF;
background-color:#4C404A;
font-weight: bold;
vertical-align:middle;
}
/* Controls the Text characteristics in the Minicart Panel */
.minicartbox {
font-size:90%;
color:#000000;
text-align:center;
border-color:#4c404a;
border-style:solid;
border-width:1px;
}
.minicartbox .productdetails {
text-align:left;
padding-top:10px;
}
/* Controls the display of the Minicart Empty Message */
.minicartbox .cartempty {
font-size:12px;
color: #7F7F7F;
padding:5px 0px 5px 0px;
}
/* Controls the display of the Minicart Subtotals */
.minicartbox .subtotal {
font-size:12px;
font-weight:bold;
padding-bottom: 5px;
}
/* Controls the display of the Site Path */
.sitemappath {
font-weight:bold;
padding-bottom: 5px;
}
/* Controls the characteristics of the Text displayed for products found in the search */
.productsfound
{
font-weight:bold;
margin:10px 0px 10px 10px;
}
.productsfound span {
color:#7d053f;
}
/* Controls the characteristics of the Text displayed where no products are found in the search */
.productsnotfound
{
font-weight:bold;
margin:10px 0px 10px 10px;
}
.selectedrowstyle {
background-color:#666666;
font-weight:bold;
color:#FFFFFF;
}
/* Product Detail - tab container */
/* Controls Display characteristics of the Information Tabs */
.ajax__tab_pd-theme {
padding-top:10px;
}
.ajax__tab_pd-theme .ajax__tab_header {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background:url(../Files/tab-line.gif) repeat-x bottom;
}
.ajax__tab_pd-theme .ajax__tab_header .ajax__tab_outer {
padding-right:4px;
background:url(../Files/tab-right.gif) no-repeat right;
height:21px;
}
.ajax__tab_pd-theme .ajax__tab_header .ajax__tab_inner {
padding-left:3px;
background:url(../Files/tab-left.gif) no-repeat;
}
.ajax__tab_pd-theme .ajax__tab_header .ajax__tab_tab {
height:13px;
padding:4px;
margin:0px;
background:url(../Files/tab.gif) repeat-x;
}
.ajax__tab_pd-theme .ajax__tab_hover .ajax__tab_outer {
background:url(../Files/tab-hover-right.gif) no-repeat right;
}
.ajax__tab_pd-theme .ajax__tab_hover .ajax__tab_inner {
background:url(../Files/tab-hover-left.gif) no-repeat;
}
.ajax__tab_pd-theme .ajax__tab_hover .ajax__tab_tab {
background:url(../Files/tab-hover.gif) repeat-x;
}
.ajax__tab_pd-theme .ajax__tab_active .ajax__tab_outer {
background:url(../Files/tab-active-right.gif) no-repeat right;
}
.ajax__tab_pd-theme .ajax__tab_active .ajax__tab_inner {
background:url(../Files/tab-active-left.gif) no-repeat;
}
.ajax__tab_pd-theme .ajax__tab_active .ajax__tab_tab {
background:url(../Files/tab-active.gif) repeat-x;
}
.ajax__tab_pd-theme .ajax__tab_body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
border:1px solid #DFDFDF;
border-top:0px;
padding:8px;
background-color:#FFFFFF;
width:332px;
overflow:auto;
}
/* Minimum order popup screen if the order amount is less than the minimum order value */
/* Controls the Display Characteristics of the Cover Colour if the Minimum Order Pop Up is triggered */
.minimum_order_popup_background {
background-color:Gray;
filter:alpha(opacity=70);
opacity:0.7;
}
/* Minimum order popup screen container */
/* Controls the display characteristics of the Minimum Order Pop Up Panel */
.minimum_order_popup_cont {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color:#FFFFFF;
color:#000000;
border:2px solid #5D7B9D;
text-align: left;
padding: 10px;
width:300px;
}
/* Minimum order popup screen continue shopping button */
/* Controls the display characteristics of the Continue Shopping Button */
/* Controls the display characteristics of the Continue Shopping Button */
.minimum_order_popup_button {
padding-top:10px;
text-align: right;
}
/* Product Detail Container */
.productdetailbox {
background-color: transparent;
}
/* Recently Viewed Items Container in Product Detail */
.recentlyvieweditemsbox {
background-color: transparent;
}
/* Featured Products Container in Product Detail */
.featureditemsbox {
background-color: transparent;
}
/* Items You May Also Like Container in Product Detail */
.itemsyoumayalsolikebox {
background-color: transparent;
}
/* Controls stock availability tab container */
.stockAvailabilityCont{
padding-bottom: 5px;
}
/* Controls the characteristics of stock availability tab header */
.stockAvailability-theme .ajax__tab_header {
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}
/* Controls the boundaries of stock availability tab (next 3 items) */
.stockAvailability-theme .ajax__tab_active .ajax__tab_outer,
.stockAvailability-theme .ajax__tab_header .ajax__tab_outer,
.stockAvailability-theme .ajax__tab_hover .ajax__tab_outer {
margin-right:4px;
}
.stockAvailability-theme .ajax__tab_active .ajax__tab_inner,
.stockAvailability-theme .ajax__tab_header .ajax__tab_inner,
.stockAvailability-theme .ajax__tab_hover .ajax__tab_inner {
margin-left:3px; /* offset the width of the left image */
}
.stockAvailability-theme .ajax__tab_active .ajax__tab_tab,
.stockAvailability-theme .ajax__tab_hover .ajax__tab_tab,
.stockAvailability-theme .ajax__tab_header .ajax__tab_tab {
margin-right:0px;
padding: 5px 8px;
}
/* Controls the line or header background images of stock availability tab (next 6 items) */
.stockAvailability-theme .ajax__tab_outer {
background:url(../Files/stockavailabilitytab-left.gif) no-repeat 0px 0px;
}
.stockAvailability-theme .ajax__tab_inner {
background:url(../Files/stockavailabilitytab-right.gif) no-repeat 100% 0px;
}
.stockAvailability-theme .ajax__tab_hover .ajax__tab_outer {
background:url(../Files/stockavailabilitytab-left.gif) no-repeat 0px -150px;
}
.stockAvailability-theme .ajax__tab_hover .ajax__tab_inner {
background:url(../Files/stockavailabilitytab-right.gif) no-repeat 100% -150px;
}
.stockAvailability-theme .ajax__tab_active .ajax__tab_outer {
background:url(../Files/stockavailabilitytab-left.gif) no-repeat 0px -300px;
}
.stockAvailability-theme .ajax__tab_active .ajax__tab_inner {
background:url(../Files/stockavailabilitytab-right.gif) no-repeat 100% -300px;
}
/* Controls the border line and the characteristics of stock availability tab body */
.stockAvailability-theme .ajax__tab_body {
font-family:verdana,tahoma,helvetica;
font-size:10pt;
border:solid 1px #4498c2;
padding: 10px;
}
/* Controls the characteristics of Branch and Availability titles in stock availability tab body*/
.stockAvailability-theme .ajax__tab_body #tblAvailableBranches th {
font-weight: bold;
text-align: left;
color: #B22222;
padding-bottom: 10px;
}
/* Controls the characteristics of Branch and Availability items in stock availability tab body*/
.stockAvailability-theme .ajax__tab_body #tblAvailableBranches td {
padding-bottom: 10px;
}
/* Controls the characteristics of Branch Hyper Link items in stock availability tab body*/
.stockAvailability-theme .ajax__tab_body #tblAvailableBranches td a {
font-weight:bold;
color:#006FB1;
text-decoration: underline;
}
/* Controls the characteristics of In Stock items in stock availability tab body*/
.stockAvailability-theme .ajax__tab_body #tblAvailableBranches td #saInStock {
font-weight:bold;
color:#006FB1;
background: url(../Files/stockavailabilitytab-instock.gif) no-repeat left top;
padding-left: 20px;
}
/* Controls the characteristics of Out Of Stock items in stock availability tab body*/
.stockAvailability-theme .ajax__tab_body #tblAvailableBranches td #saOutOfStock {
color:#000000;
padding-left: 20px;
}
/* Controls branch information popup page in stock availability. */
/* Controls background colour and transpancy rate of outside branch information popup page in stock availability.*/
.popupBackground {
background-color:Gray;
filter:alpha(opacity=70);
opacity:0.7;
}
/* Controls border and background colour of branch information popup page in stock availability.*/
.popupScreen {
background-color:#FFFFFF;
border:1px solid #E3E3E3;
text-align: left;
width:700px;
}
/* Controls the characteristics of title area in branch information popup page in stock availability.*/
.popupScreen .popupTitle {
color: #000000;
background-color:#FFFFFF;
font-weight:bold;
}
/* Controls the characteristics of body area in branch information popup page in stock availability.*/
.popupScreen .popupBody {
margin: 0px 10px 10px 10px;
color: #000000;
overflow:hidden;
}
/* Controls the display characteristics of Top Sellers content */
.topsellersbox {
background-color:#FFFFFF;
}
/* Controls the display characteristics of Most Viewed Items content */
.mostvieweditemsbox {
background-color:#FFFFFF;
}
/* Controls the characteristics of shop by filter content.*/
.shopby_box
{
width:100%;
margin:0;
padding:0;
}
/* Controls the common characteristics of header area in shop by filter content.*/
h3.shopby_header
{
margin: 1px 0 0 0;
line-height:26px;
height:26px;
padding: 0;
position:relative;
cursor: pointer;
font-size:12px;
}
/* Controls the characteristics of header area in shop by filter content when closed.*/
.shopby_header_default
{
background: url(../Files/shopby_header_bg_default.png) repeat-x scroll 50% 50% #F6F6F6 !important;
border:1px solid #CCCCCC;
font-weight:bold;
color:#1C94C4;
}
/* Controls the characteristics of header area in shop by filter content when mouse over.*/
.shopby_header_hover
{
background: url(../Files/shopby_header_bg_highlight.png) repeat-x scroll 50% 50% #FFF5CE !important;
border: 1px solid #FBC809;
color: #C77405;
}
/* Controls the characteristics of header area in shop by filter content when opened.*/
.shopby_header_active
{
background: url(../Files/shopby_header_bg_active.png) repeat-x scroll 50% 50% #FFFFFF !important;
border: 1px solid #FBD850;
border-bottom: 0 none !important;
color: #EB8F00;
}
/* Controls the characteristics of header area in shop by filter content when filters are selected.*/
.shopby_header_selected
{
color: #B22222;
}
/* Controls the text and icons of header area in shop by filter content.*/
h3.shopby_header a
{
color:inherit !important;
text-decoration:none;
outline:0 none;
padding-left: 16px;
}
.shopby_header_icon_exp{
background: url(../Files/shopby_header_arrow_exp.png) no-repeat 0px 0px;
}
.shopby_header_icon_col{
background: url(../Files/shopby_header_arrow_col.png) no-repeat 0px 0px;
}
/* Controls the characteristics of body area in shop by filter content.*/
.shopby_body
{
margin-bottom: 2px;
margin-top: -2px;
overflow: auto;
padding: 5px;
position:relative;
background: #EEEEEE url(../Files/shopby_body_bg.png) 50% top repeat-x;
border:1px solid #DDDDDD;
border-top:0 none;
line-height:22px;
font-size:11px;
}
/* Controls the text of body area in shop by filter content.*/
.shopby_body a
{
color:#002E6C !important;
text-decoration:none;
}
.shopby_body a:hover
{
color:#B22222 !important;
}
.productsnotfound span {
color:#7d053f;
}
/* Controls the characteristics of splash popup page in shop by filter content.*/
div#shopby_loader
{
position: absolute;
top: 350px;
left: 40%;
margin: auto;
border: 1px solid #ccc;
width: 160px;
height: 80px;
background-color: #FFF;
z-index: 100;
}
div#shopby_loader .loading
{
background: #FFFFFF url(../Files/shopby_loader.gif) no-repeat center 20%;
padding-top:50px;
text-align:center;
color: #000 !important;
}
/* Controls the characteristics of refine shop by filter content.*/
.refineshopby_box
{
width:180px;
margin:0;
padding:0;
word-wrap: break-word;
overflow:hidden;
}
/* Controls the characteristics of body area in refine shop by filter content.*/
.refineshopby_body
{
padding: 5px;
border:1px solid #DDDDDD;
border-top:0 none;
color:#002E6C;
font-size:11px;
}
/* Controls the text of body area in refine shop by filter content.*/
.refineshopby_body a
{
color:#002E6C !important;
text-decoration:none;
}
.refineshopby_body a:hover
{
color:#B22222 !important;
}
/* Controls the display characteristics of Contact Form content */
.contactformbox {
background-color: #FFFFFF;
}
.contactformbox .message {
margin-right:10px;
text-align: left;
}
.contactformbox .message textarea {
width:96%;
}
.contactformbox .submit{
margin: 10px 25px 0 0;
text-align:right;
}
/* Controls the characteristics of find postcode image.*/
.findpostcode {
cursor:pointer;
width:28px;
vertical-align:middle;
text-align:left;
}
/* seo trick for logo content. */
h1.logo
{
font-weight:bold;
margin:0;
padding:0;
}
/* colour and size selection in category page */
.coloursizeselection {
height:46px; /* do not remove */
}
.coloursizeselection .colourselection {
height:23px;
}
.coloursizeselection .colourselection select{
width:150px;
}
.coloursizeselection .sizeselection {
height:23px;
}
.coloursizeselection .sizeselection select{
width:150px;
}
/* Controls the characteristics of currency selector content.*/
.currencyselector {
position:absolute ;
top:50px;
right:10px;
z-index:100;
}
.currencyselector span {
font-weight:bold;
}
.currencyselector {
position: absolute;
top: 50px;
right: 0px;
text-align: right;
color: #000000;
z-index: 100;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
}
.currencyselector a:link,
.currencyselector a:visited,
.currencyselector a:active,
.currencyselector a:hover {
position: relative;
top: 0px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
}
.currencyselector img {
position: relative;
top: 2px;
border:0;
margin-right: 4px;
}
.currencyselector ul {
list-style: none;
padding: 0;
margin: 0;
position: relative;
z-index: 100;
background-color: #FFFFFF;
}
.currencyselector li {
float: right;
position: relative;
margin-right: 10px;
}
.currencyselector span {
display: block;
padding: 5px;
white-space: nowrap;
}
.currencyselector li ul {
position: absolute;
left: -9999px;
float: right;
border: 1px solid #CCCCCC;
}
.currencyselector li:hover ul {
left: auto;
right: 0;
top: 23px;
}
.currencyselector li li {
display: block;
float: none;
text-align: left;
background-color: #FFFFFF;
color: #000000;
line-height: 0;
margin-right: 0;
}
.currencyselector a {
display: block;
padding: 5px 10px 5px;
white-space: nowrap;
font: 11px Arial, Helvetica, sans-serif;
}
.currencyselector a:hover {
background-color: #CCCCCC;
}
.currencyselector a img {
top: 2px;
vertical-align: top;
}
.stylesummarytext .textrow {
overflow:hidden;
text-overflow:ellipsis;
}
#trNewsLetter td {
padding-top:5px;
}
#trNewsLetter input {
margin-left:15px;
}
#trJoinLoyalty td {
padding-top:5px;
}
/* Controls the characteristics of watermarked textbox.*/
.enablewatermark {
color:#C0C0C0;
font-style:italic;
}
.disablewatermark {
color:#000000;
font-style:normal;
}
/* Controls the characteristics of coupon content in shopping cart.*/
.coupon_shoppingcart {
background-color:#F7F6F3;
color:#5A5A5A;
border: 1px solid #CCCCCC;
height:30px;
line-height:30px;
margin:10px 0 0 343px;
width:475px;
}
.coupon_shoppingcart .coupon_prompt {
float:left;
position:relative;
padding:5px 0 0 5px;
}
/* Controls the characteristics of coupon content.*/
.coupon {
background-color:#F7F6F3;
color:#5A5A5A;
border: 1px solid #CCCCCC;
height:30px;
line-height:30px;
width:225px;
}
.coupon .coupon_prompt {
display:none;
}
.coupon_content {
float:right;
position:relative;
text-align:right;
padding-top:5px;
}
.coupon_content .coupon_input {
font-size:90%;
width:140px;
vertical-align:top;
}
.coupon_content .coupon_button {
padding-right:5px;
}
.cell_qty {
width:60px;
}
.cell_price {
width:100px;
text-align:right;
}
.cell_item {
}
.cell_amount {
width:100px;
text-align:right;
}
.cell_remove {
width:60px;
text-align:center;
}
.cell_footer_price {
width:150px;
text-align:right;
}
.cell_footer_amount {
width:100px;
text-align:right;
}
.couponrowstyle {
background-color:#F4E7BF;
font-weight:normal;
color:#333333;
height:36px;
min-height:36px;
}
.cell_coupon_qty {
width:60px;
vertical-align:middle;
}
.cell_coupon_item {
padding-left:51px;
font-size:120%;
vertical-align:middle;
}
.cell_coupon_amount {
width:100px;
text-align:right;
vertical-align:middle;
}
.cell_coupon_remove {
width:60px;
text-align:center;
vertical-align:middle;
}
.looks_cont {
width:100%;
}
.looks_cont ul, .looks_cont li {
list-style: none outside none;
padding:0px;
margin:0px;
}
.looks_cont .enlarge {
float:left;
}
.enlarge img{
position: absolute;
top: 0;
left: 0;
}
.enlarge .iactive{
z-index: 10;
}
.enlarge .ideactive{
z-index: 9;
}
.looknav {
position: absolute;
top: 240px; /* you may type a specific value */
left: 0px;
text-align: center;
width: 320px; /* you may type a specific value */
z-index: 100;
}
.enlarge .looknav .prev, .enlarge .looknav .next {
background: url(../files/look_nav.png) no-repeat scroll left top transparent;
height: 34px;
position: absolute;
top: 0;
width: 34px;
}
.enlarge .looknav .prev {
background-position: 0 -34px !important;
left: 0;
}
.enlarge .looknav .prev:hover {
background-position: 0 0 !important;
left: 0;
}
.enlarge .looknav .next {
background-position: -34px -34px !important;
right: 0;
}
.enlarge .looknav .next:hover {
background-position: -34px 0 !important;
right: 0;
}
.looks_cont .thumbs {
float:left;
width: 333px; /* you may type a specific value */
}
.looks_cont .thumbs ul {
}
.looks_cont .thumbs li {
float:left;
display: inline;
padding-left:3px;
}
.looks_cont .thumbs .nextrow{
padding-left:3px;
}
.looks_cont .thumbs .selected{
opacity: 1;
}
.looks_cont .thumbs .unselected{
opacity: 0.5;
}
.looks_cont .thumbs .look_img {
cursor:pointer;
width: 80px; /* you may type a specific value */
height: 120px; /* you may type a specific value */
}
.looks_cont .thumbs .look_img .thumbhover{
-moz-box-shadow:0 0 3px #000000;
-webkit-box-shadow:0 0 3px #000000;
box-shadow:0 0 3px #000000;
}
.looks_cont .look_b {
clear:both;
padding-top:5px;
}
.lookitems {
float:left;
}
.lookitem {
font-size: 11px;
}
.lookitem .name{
display: inline-block;
width:250px;
}
.lookitem .price1, .lookitem .price2, .lookitem .price3, .lookitem .price4, .lookitem .price5{
}
.looks_cont .look_b .lookpage {
float:right;
padding-right:75px;
}
.looks_cont .look_b .lookpage .prev {
}
.looks_cont .look_b .lookpage .page {
}
.looks_cont .look_b .lookpage .currPage {
font-weight:bold;
}
.looks_cont .look_b .lookpage .next {
}
/* Lookbook navigation menu */
/* Controls the display characteristics of the Lookbook List */
.lookbookmenu {
border-color:#DFDFDF;
border-style:solid;
border-width:1px;
vertical-align:top;
padding:0px 0px 4px 4px;
}
.lookbookmenu ul {
list-style:none;
margin:0;
padding:0 0 0 5px;
}
/* Controls the display characteristics of the Lookbook List */
.lookbookmenulevel {
color:#006FB1;
font-size:12px;
font-weight:bold;
padding-left:0 !important;
}
/* Controls the characteristics of the Lookbook List when Hovering */
.lookbookmenulevel a:hover {
color:#B22222;
font-weight:bold;
text-decoration:none;
}
.lookbookmenulevel li {
padding-top:5px;
}
/* Controls the characteristics of the Lookbook List when Mouse is clicked */
.lookbookmenulevel li a.selected {
color:#B22222;
font-weight:bold;
text-decoration:none;
}
/* Controls second level */
.lookbooksubmenulevel2 {
color:#006FB1;
font-size:11px;
font-weight:normal;
text-decoration:none;
}
/* Controls third level */
.lookbooksubmenulevel3 {
color:#006FB1;
font-size:11px;
font-weight:normal;
text-decoration:none;
}
/* Controls fourth level */
.lookbooksubmenulevel4 {
color:#006FB1;
font-size:11px;
font-weight:normal;
text-decoration:none;
}
/* Controls the characteristics of the text control */
.searchtextbox {
font-size:12px;
width:180px;
}
span.spn_CP .defaultpriceprefix {
font-size:90% !important;
font-weight:normal !important;
}