#NormalPage { height:103px; display:block; text-align:left; width:1004px; margin:10px auto 0 auto; background-color:#030186; background-image:url(../images/build/headerRepeat.png); border-bottom:1px solid #909AA4; border-top:1px solid #909AA4; border-left:1px solid #909AA4; border-right:1px solid #909AA4; } #NormalPage .logo { float:left; text-align:left; margin-top:10px; } #NormalPage .logoie { float:left; text-align:left; margin-top:-10px; } #NormalPage .searchContainer { float:left; width:340px; padding-top:30px; margin-left:240px; text-align:right; border:0px solid white; } #NormalPage .searchContainer .searchField { float:left; width:260px; height:24px; font-size:18px; padding:3px 2px 0 2px; } #NormalPage .searchContainer .searchFieldie { float:left; width:260px; height:28px; font-size:18px; padding:2px 2px 0 2px; } #NormalPage .searchContainer .searchButton { float:left; margin-left:5px; margin-top:0px; } /* Container found on Index.asp page has two cells in side which float around each other */ #contentContainer { clear:both; float:none; display:block; margin:auto; width:1005px; background-color:#030186; border-left:1px solid #909AA4; border-right:0px solid #909AA4; } .cellLeft { display:block; float:left; width:166px; margin:0px; border:0; } .cellRight { display:block; float:left; border-left:3px solid #999894; border-top:3px solid #999894; background-color:#FFFFE5; width:836px; } .cellRightie { display:block; float:left; border-left:3px solid #999894; border-top:3px solid #999894; background-color:#FFFFE5; width:835px; } /* FOR IE see call on index.asp*/ /* .cellCenter { text-align:left; height:570px; overflow-y:auto; overflow:auto; }*/ .cellCenter { text-align:left; } .spacer { margin:auto; display:block; clear:both; float:none; } a:link, a:active, a:visited { color:#020085; text-decoration: none; font-weight: normal; } a:hover { color:#020085; cursor: pointer; text-decoration: underline; font-weight: normal; } #mainProduct { color:#020085; width:835px } #mainProduct td{ color:#020085; border:0px solid black; } #mainProduct .content { text-align:justify; } #setPrice3, #setPrice4 { font-size:16px; color:#020085; font-weight:bold; text-align:right; border:0; } /* Give the product Page the same padding */ #incMainContainer { margin:10px; } /* is the cell on the left which is floating left */ #incMainContainerLeft { width:430px; vertical-align:top; text-align:right; float:left; display:block; border:0; } /* This the category container on the left of __incMain.asp */ #thumbnailContainer { width:365px; background-color:#FFFFFF; float:right; display:block; margin-right:20px; border:1px solid #999894; height:230px; overflow-y:auto; overflow:auto; } /* the container */ #thumbnailContainer .on { border:1px solid #FF0000; } /* the borders when they're on or off states */ #thumbnailContainer .off { border:1px solid #000000; } #thumbnailContainer img { width:100px; } /* Does the main Image on __incMain.asp */ #mainImageContainer { margin-left:0px; width:370px; background-color:#FFFFFF; float:left; border:1px solid #999894; } /* the container with the grey border */ #mainImageContainer #iContainer { padding:0px; margin-left:auto; margin-right:auto; margin-top:10px; width:350px; border:1px solid #000000; } /* Specific to the larger main image with the black border */ #mainImageContainer #iContainer img { width:350px; border:0px; } /* These are the smaller thumbs under the main image */ #mainImageContainer img { cursor:pointer; margin-right:3px; margin-top:5px; margin-bottom:5px; border:1px solid black; } #mainImageContainer .first { margin-left:9px; } /* Padd the first one off more to line up with the larger */ #mainImageContainer .subs { margin-left:3px; } /* Is the main content area for the description of the main product being shown incMain.asp */ #mainDescriptonContainer { margin-right:20px; float:none; clear:both; display:block; text-align:right; padding-top:18px; } /* incSubThumbs.asp */ #SorryNoProductsFround { margin:10px; text-align:center; color:#020085; } #pageContent { margin:10px; color:#020085; text-align:justify; width:780px; } #pageContent a:link, #pageContent a:active, #pageContent a:visited { color:#020085; text-decoration: none; font-weight: bold; } #pageContent a:hover { color:#020085; cursor: pointer; text-decoration: underline; font-weight: bold; } /* MAIN PRODUCTS */ #label { padding:0px; margin:0px; } #display { padding:0px; margin:0px; } .sizes select, .colours select { width:180px; } #label h2, #label h1 { padding:0px; margin:0px; } .sizes select, .colours select { width:180px; } /*CSS at checkout stage - see checkout/__incWelcome.asp */ #secureHeading { width:815px; margin-right:10px; margin-left:10px; background-color:#155DA6; } #secureHeading span { font-weight: bold; padding: 4px; font-size: 15px; color: white; } #bannerContainer { width:815px; margin:0 10px 10px 10px; background-color:#155DA6; } #bannerContainer .stage { height:45px; float:left; width:163px; text-align:left; background-color:#155DA6; } /*The table at Checkout and their 5 stages - files located in /checkout */ #OrderNumberContainer { float:none; clear:both; display:block; width: 815px; text-align:center; border:1px solid #DDDDDD; margin:10px; font-size:14px; padding:5px 0; } #OrderNumberContainerie { float:none; clear:both; display:block; width: 815px; text-align:center; border:1px solid #DDDDDD; margin:10px; font-size:14px; padding:5px 0; } #CheckoutTableContainer { float:none; clear:both; display:block; width: 815px; text-align: center; border: 1px solid #DDDDDD; margin: 10px; } #CheckoutTableContainerie { float:none; clear:both; display:block; width: 815px; text-align: center; border: 1px solid #DDDDDD; margin: 10px; } #CheckoutTableContainer table, #CheckoutTableContainerie table { width:90%; } #CheckoutTableContainer table td, #CheckoutTableContainerie table td { padding:2px 0; } #CheckoutTableContainer table td input { width:230px; height:24px; font-size:16px; padding:0; } #CheckoutTableContainerie table td input { width:230px; height:28px; font-size:18px; padding:0; } #CheckoutTableContainer table td select { width:280px; height:24px; font-size:16px; padding:0; } #CheckoutTableContainerie table td select { width:300px; height:28px; font-size:18px; padding:0; } #checkoutbox { width:815px; margin-top:10px; margin-right:10px; margin-bottom:10px; margin-left:10px; } /*The first row is set to a table header row */ #checkoutbox th { text-align:left; color:#ffffff; background-color:#020085; } /*The repeating rows in UD table */ #checkoutbox .list0 { color:#020085; background-color:#ffffff; } #checkoutbox .list1 { color:#ffffff; background-color:#020085; } /*The shopping qty and running total */ #shoppingBasket { background-image:url(../images/build/shoppingBasketBackGround.jpg); background-repeat:no-repeat; width:163px; } #shoppingBasket table { margin-top:65px; color:#020085; font-size:11px; margin-left:25px; } /*These are the record paging links that appear at the top of incThumbs */ #prodNavLinks { margin-top:10px; color:#ECC441; text-align:center; } #prodNavLinks td{ color:#ECC441; } #prodNavLinks a, #prodNavLinks a.pagingON { color:#ECC441; text-decoration:none; font-weight:normal; } #prodNavLinks a:hover, #prodNavLinks a.pagingON:hover { color:#ECC441; text-decoration:none; font-weight:normal; } #prodNavLinks a.pagingOFF { color:#ECC441; text-decoration:underline; } #subthumbs { } #subthumbs a, #subthumbs a:visited, #subthumbs a:active { font-weight:normal; color:#FFFFFF; } #subthumbs a:hover { text-decoration:underline; color: #FF009F; } #advertCreator { color:#FFFFFF; } /* ------------------------------------------ */ /*This little lot controls the way the thumbs are displayed */ #thumbNailContainer { margin-left:50px; } #thumbs { background-color:#FFFFFF; border:1px solid #000000; float:left; width:110px; margin-top:2px; margin-right:1px; margin-bottom:1px; margin-left:1px; height:110px; } #thumbs .modelANDlink { color:#ECC441; text-transform:uppercase; margin:10px; text-align:center; } #thumbs .imagediv { text-align:center; padding:3px; } #thumbs .thumbPrice { text-align:center; color:#FF009F; text-transform:uppercase; margin:10px; } #thumbs .link { text-align:center; } /* called from incProdNav.asp */ #productNavSILVER, #productNavGOLD { width:153px; font-size: 11px; text-transform:capitalize; margin-bottom:30px; } #productNavSILVER a {color: #CCCCCC;} #productNavGOLD a {color: #ECC441;} #productNavSILVER a.prodoff, #productNavSILVER a.prodoff:visited, #productNavSILVER a.prodoff:active, #productNavGOLD a.prodoff, #productNavGOLD a.prodoff:visited, #productNavGOLD a.prodoff:active { text-decoration: none; font-weight: bold; text-align:right; display:block; font-size:12px; } #productNavSILVER a.prodoff:hover, #productNavGOLD a.prodoff:hover { text-decoration: none; } #productNavSILVER a.prodon, #productNavSILVER a.prodon:visited, #productNavSILVER a.prodon:active , #productNavGOLD a.prodon, #productNavGOLD a.prodon:visited, #productNavGOLD a.prodon:active { font-weight: bold; text-decoration: none; text-align:right; display:block; font-size:12px; } #productNavSILVER a.prodon:hover, #productNavGOLD a.prodon:hover {text-decoration:none;; } #productNavSILVER a.prodsuboff, #productNavSILVER a.prodsuboff:visited, #productNavSILVER a.prodsuboff:active, #productNavGOLD a.prodsuboff, #productNavGOLD a.prodsuboff:visited, #productNavGOLD a.prodsuboff:active { text-decoration: none; font-weight: normal; text-align:right; margin-right:2px; display:block; font-size:11px; } #productNavSILVER a.prodsuboff:hover, #productNavGOLD a.prodsuboff:hover { text-decoration:underline; } #productNavSILVER a.prodsubon, #productNavSILVER a.prodsubon:visited, #productNavSILVER a.prodsubon:active, #productNavGOLD a.prodsubon, #productNavGOLD a.prodsubon:visited, #productNavGOLD a.prodsubon:active { font-weight: bold; text-decoration: none; margin-right:2px; text-align:right; display:block; font-size:11px; } #productNavSILVER a.prodsubon:hover, #productNavGOLD a.prodsubon:hover { text-decoration:underline; } /* called from navMain.asp */ #topnavigation { text-align:right; position:relative; top:7px; left:0; width:1004px; border-bottom:0px solid white; } #topnavigationie { text-align:right; position:relative; top:-8px; left:0; width:1004px; border-bottom:0px solid white; } #topnavigation span1, #topnavigationie span1 { background-image:url(images/build/fdelim.jpg);background-repeat:no-repeat;height:29px; width:2px; } #topnavigation span2, #topnavigationie span2 { background-image:url(images/build/delim.jpg);background-repeat:no-repeat;height:29px; width:2px; } #topnavigation a.off, #topnavigation a.off:visited, #topnavigation a.off:active, #topnavigationie a.off, #topnavigationie a.off:visited, #topnavigationie a.off:active { margin:7px 0 0 0; height:29px; color: #ECC441; text-decoration: none; background-image:url(../images/build/navMainOff.jpg); background-repeat:repeat-x; padding-top:8px; padding-bottom:5px; text-align:center; padding-right:16px; padding-left:16px; } #topnavigation a.off:hover, #topnavigationie a.off:hover { color: #FFFFFF; text-decoration: none; } #topnavigation a.on, #topnavigation a.on:visited, #topnavigation a.on:active, #topnavigationie a.on, #topnavigationie a.on:visited, #topnavigationie a.on:active { margin:7px 0 0 0; height:29px; color: #ECC441; text-decoration: none; background-image:url(../images/build/navMainOn.jpg); background-repeat:repeat-x; padding-top:8px; padding-bottom:5px; text-align:center; padding-right:16px; padding-left:16px; } #topnavigation a.on:hover, #topnavigationie a.on:hover { color: #FFFFFF; text-decoration: none; } #search { padding:6px; } #search .found { font-weight:bold; } #search .delimitedTitle { font-weight: bold; } #search .delimitedContent { font-size: 9px; } .poweredBy { padding: 20px 0px 0px 0px; text-align: center; color:#ECC441; } #displayCounter { margin-top:20px; font-weight:bold; } #displayCounter .i { padding-bottom:14px; }