@charset "windows-1252";*{margin:0;padding:0}body{width:100%;position:relative;font-size:12px;font-family:arial,verdana}* html body{ behavior:url(https://www.smartspace.ws/includes/csshover3.htc)}a.hspot{z-index:15}div.width,div.contain{width:980px;padding:0}#div1{z-index:1000}.contain{z-index:1}.shadow{height:100%}#div1,#div1 a,#div1 ul li,#div1 p,#div1 div,#div1 h3 {font-size:10px;font-family:arial}h1 img,h2 img,h3 img{padding:0;margin:0}#div1 img,h3 img{padding:0;margin:0}div#div1{color:#003;background:#c5c5c5 url(https://smartimagehq.com/images/greybg.png);border-bottom:1px solid #999;border-top:1px solid #999}div#div1 div.width{background:none;text-align:center}#div1 h3,div.login h3{text-transform:uppercase;font-size:11px;margin-left:10px;font-weight:bold}div#div1 div.width ul{list-style:none;margin:0;padding:10px 0 0 0;float:right}div#div1 div.width ul li{color:white;cursor:pointer;position:relative;font-size:10px;padding:0 5px;display:inline;width:90px;line-height:12px}div#div1 div.width ul li ul{display:none;width:180px; position:absolute;top:12px;left:0}div#div1 div.width ul li:hover ul{cursor:default;display:block;background:white;border:1px solid silver;z-index:99100;position:absolute}div#div1 div.width ul li:hover ul li{margin:0;cursor:auto;z-index:99100}div#div1 div#managed,#div1 div#logd{display:none}div#div1 div#logd a,div#div1 div#logd p,div#div1 div#managed a,div#div1 div#managed p{color:#999}div#div1 div#logd a:hover,div#div1 div#managed a:hover{color:#333;background-color:white;text-decoration:underline}div.titlehead{z-index:10;position:relative}div#cartadd p,div#cartadd p a{color:#333333}ul li div.lmenu p,li div.lmenu p a,li div.lmenu form,li div.lmenu,li div.lmenu h3{color:#666;height:auto;clear:left}div.welcome{padding:10px}td{font-size:9pt;font-family:arial,verdana}div.midcol{width:70%;_width:68%;min-height:400px; margin:0px;position:relative;text-align:justify;float:left;z-index:10}* html .midcol,* html .maincol,* html .singcol{min-height:400px; _height:400px}div.rightcol{width:27%;margin:10px 0;min-height:400px;text-align:left;position:relative;padding:0px;float:left}div.maincol{width:80%;_width:78%; min-height:400px;margin:0px 0 0 0px;text-align:left;float:left}div.singcol{width:80%;_width:78%; min-height:400px; margin:0px 0px 0px 0px;text-align:left;position:relative;float:left;z-index:20}form div.list10{font-weight:bold}* html .maincol{height:400px}* html .singcol{height:400px}p.load{margin:5px;text-align:right;font-size:7pt}blockquote{margin:10px 20px;font-weight:bold;font-style:italic;text-align:center}p{margin:7px 5px 7px 5px}.caption{font-size:10px;text-align:center}p.small8{font-size:8pt;margin:0pt 0pt 1pt 0pt;text-align:justify}p.smallcaps,div.lmenu p.smallcaps,div.login p.smallcaps,#logd div.login p.smallcaps{font-size:8px;margin:3px 0 0 5px;clear:none}div.login,#logd div.login{margin:0;padding:0}div.login form p.smallcaps input{margin-left:0}div.gel div.login p{padding-left:0}.small{margin:0;padding:2px 10px 2px 10px;font-size:8pt;text-align:left}span span.small,p span.small,div span.small{margin:0px}div.foot{width:100%;height:20px;text-align:center;font-size:8pt;margin-top:10px;clear:left;margin-left:0px}.foot div span a,.foot div span{font-size:10px;height:11px; vertical-align:top}div.foot div{width:980px;margin:0}.foot div span{float:right; margin:0}div.sfoot{width:100%;height:10px;text-align:center;font-size:8pt;clear:left}div.wide{clear:left;width:100%;text-align:justify;position:relative}.listalt,.list,.listhead{clear:left;text-align:left;width:auto;margin:3px 5px;height:30px}* div.listalt div{float:left;padding:1px 0px 1px 0;text-align:left;margin:0px;background-color:#d9d9d9}* div.listhead div{float:left;padding:1px 0px 1px 0;text-align:left;margin:0px 0px 5px 0px;font-weight:bold;border-bottom:1px solid #a9a9a9}.slist{clear:left;margin:10px;text-align:justify;width:100%}div #mess{clear:left;width:90%;padding:10px}div.list div{float:left;padding:3px 0px 3px 0;text-align:left;margin:0px}div.list25p{width:24%}div.list div.list20p{width:18%;padding-right:5px;text-align:right;font-weight:bold}div.list75p{width:74%}div.list div.list80p{width:78%;padding-left:10px}div.list40p{width:39%}div.list60p{width:59%}div.list1{width:10px}div.list2{width:20px}div.list4{width:40px}div.list3{width:30px}div.list5{width:50px}div.list5s{width:50px;font-size:11px}div.list7s{width:70px;font-size:11px}div.list7{width:70px}div.list8{width:80px}div.list10{width:100px}div.list10s{width:100px;font-size:11px}div.list12{width:120px}div.list15,div.list15f{width:150px}div.list20{width:200px}div.list20s{width:200px;font-size:11px}div.list25{width:250px}div.list30{width:300px}div.list33{width:330px}div.list35{width:350px}div.list45{width:450px}div.list40{width:400px}div.list50{width:500px}form div.list div.list15f{width:19%}form div.list div.list50{width:79%}form div.list div,form div.listalt div{float:left;padding:3px 0px 3px 0;min-height:22px}form div.list,form div.listalt{min-height:22px;height:auto}form div.listalt{background-color:#d9d9d9}.listsm{clear:left;text-align:justify;margin:0px;width:100%;font-size:11px}div.res,div.error,div.alert{border-style:solid;padding:0px 0 3px 30px;text-align:left;clear:both;min-height:24px;_height:24px; background-repeat:no-repeat;border-width:0 0 2px 0}div.res div{background-image:url(https://smartimagehq.com/images/icons/icon_sprite_ss.png);background-position:0 0}div.error div{background-image:url(https://smartimagehq.com/images/icons/icon_sprite_ss.png);color:#c8323e;background-position:0 48px}div.alert div{background-image:url(https://smartimagehq.com/images/icons/icon_sprite_ss.png);color:#c8323e;background-position:0 24px}p.alert{border-color:#c7c031;}p.res{border-color:#649b36}p.error{border-color:#c8323e}a.info,a.info:visited,a.info:active{background-image:url(https://smartimagehq.com/images/icons/icon_sprite_ss.png);color:#a4627e;padding:6px 10px 3px 30px;background-repeat:no-repeat;background-position:0 33%;display:block;line-height:12px}a.info:hover{background-image:url(https://smartimagehq.com/images/icons/icon_sprite_ss.png);color:#433334;background-position:0 44%}.mainpic{border:1px solid silver}h1{font-size:14pt;margin:3px 5px;font-weight:bold}h2{font-size:12pt;margin:2px 5px;font-weight:bold}h3{font-size:11pt;margin:2px 5px;font-weight:bold;text-align:left}h4{font-size:10pt;margin:2px 5px;font-weight:bold}h5{font-size:9pt;margin:2px 10px 2px 10px;font-weight:bold}h6{font-size:8pt;margin:2px 10px 2px 5px;font-weight:bold}.h6{font-size:11px;margin:2px 10px 2px 5px;font-weight:bold}div.welcome h3{margin-top:10px}.hlink span.h6{margin:0}div.spacer{font-size:11px;color:#4c4680}h4.small{font-size:8pt;margin:1pt 0pt 2pt 0pt;text-align:justify}div.titlehead h1.althead{margin-left:-2000px;width:984px}div.titlehead h1 span.right{font-size:medium;position:relative;line-height:normal;right:20px}img{border-width:0px}#replies .spacer{font-weight:normal;font-size:11px}h3 span{font-size:10pt;font-weight:normal;float:right}span.right,p.right,p.right a{font-weight:normal;float:right;font-size:11px;margin:2px}p.right,p.right a:hover{clear:right}.tright{font-weight:normal;text-align:right;font-size:11px;margin:2px}div.hlink{text-align:left;margin:2px 0 5px 10px;font-size:11px;position:relative}div.hlink div span{float:left;position:relative}div.hlink span.small a{margin-left:0px;position:relative}.centr{text-align:center}div.clr,form div.clr,form div.list div.clr,form div.listalt div.clr{clear:both;float:none;min-height:0;height:0}img{margin:10px;padding:2px;position:relative}a img,#div1 div img,#div1 img,.width img,.width div img{margin:0;padding:0}hr{margin-left:10px;width:1px}li{margin-left:20px}ul ul{margin:3px 0 3px 20px;position:relative;list-style-type:square}ul{margin:10px 0 10px 10px}.list ul{padding:0px;margin:0px 0px 0px 5px;border:0;display:block;list-style-type:square;line-height:1.5em}.red{}.inact{}.sbold{font-size:11px;font-weight:bold}.mainpic{margin:0 auto}.mainmenu p{margin:0px 5px}div.clear{clear:both;height:15px}div.catpath h4{margin:0;padding:3px 10px}iframe#showlogin{display:none;position:absolute;top:0px;left:130px;height:25px;width:250px;z-index:9000;background-color:transparent}div#leftcol #search form,div#leftcol #logdiv form{margin-left:10px}#search div{margin:3px 0px}#search div p,#search div p.small,#search form p{margin:0px;padding:3px 0px}form{margin:0px}input,select{margin:3px 10px;height:17px;padding:1px;font-size:8pt;z-index:1;border:1px solid #ccc}textarea{border:1px solid #ccc}input.low{padding:0px}.submit input{padding:1px 0px 1px 1px}select{margin:3px 10px;padding:0px;font-size:8pt}.checkbox{border-width:0px}.submit{font-weight:bold;margin:1px;height:21px;padding:0px 3px 3px 3px}form div div.list10{text-align:right;margin-right:3px}form p input,form p select,form div input,form div select{margin:0px}form p div{width:auto;float:left}form p{padding:5px 10px}div#div1{width:100%;height:25px;text-align:left;position:relative}div#div1 a,div#div1 span a:visited{}div#div1 span a:hover{text-decoration:underline}.right{float:right;margin:0px 10px 0 5px}span a{padding:0 5px} .lmenu,.myss{width:100%}div.lmenu p,div.login p,#logd div.login p,div.myss p{margin:1px 0px 0 0;text-align:left;font-size:11px;padding-left:10px}div.lmenu p a,div.login p a,#logd div.login p a,div.myss p a{display:block; padding:3px 0px 3px 10px;margin-left:-10px}div.lmenu p a:hover,div.login p a:hover,#logd div.login p a:hover,div.myss p a:hover{display:block;text-decoration:none}div.lmenu,div.myss{width:100%}div.bspace a,div.bspace a:visited{display:block}.lmenu h3,div.login h3,.myss h3{padding:5px 0px;display:block;font-weight:bold;font-size:11px;color:#333;background:white;text-transform:uppercase;margin-bottom:5px}#logd p,#logd p a,#logd p.right a,#logd p.right a:visited,#managed p,#managed p a,#managed p.right a,#managed p.right a:visited{color:#333;background-color:white;font-family:arial}div#div1 div.width ul li a,div#div1 div.width ul li a:visited{color:white; font-family:arial}#logd div.login p a:hover{color:black;background-color:#eee}a:link{text-decoration:none}a:active{text-decoration:none}a:visited{text-decoration:none}a:hover{text-decoration:underline}#cart p.cartline{background-image:url(https://smartimagehq.com/images/cart.png);background-repeat:no-repeat;padding-left:20px;background-position:0 2px;line-height:16px;padding-top:4px}#calendarDiv{display:block;display:none;margin-left:-200px;margin-top:-30px;position:relative;z-index:200}#calendarDiv a{cursor:pointer}#calendar{clear:both;text-align:center;background:#ddd}#calendar,#linksTable{width:160px}#calendar .calendarHeader{font-size:9px}#calendar .weekDaysTitleRow{font-size:8px}#calendar .weekDaysRow{font-size:8px}#closeCalender{position:absolute;right:0;bottom:100%;margin-bottom:0px;display:block;padding:2px;cursor:pointer;width:100%;text-align:center;font-size:9px}#linksTable a{display:block;letter-spacing:1px;font-weight:bold;font-size:10px;padding:2px 5px}#prevMonth{float:left}#nextMonth{float:right}div#preload {position:absolute; left:-9999px; top:-9999px; display:block}div.mpcontain {float:right; margin:0 15px;background:none;width:200px;min-height:190px; _height:190px;position:relative}div#ipd{clear:both;margin:0}div.ss div.mainpic{background-position:50% 50%;height:170px;z-index:100;width:200px;display:block;background-repeat:no-repeat}div.ss div.mainpic a{height:170px;width:100%;display:block}div.enl {height:13px;width:13px;position:absolute;top:155px;right:5px;background-image:url(https://smartimagehq.com/images/icons/enlarge.png);z-index:101}div.caption{text-align:left;line-height:15px}div.pprog{position:relative;width:60px;font-weight:bold;margin:-3px 0 0;line-height:18px;text-align:center;font-size:18px;z-index:102}span#pv{cursor:pointer;float:left;}span.ofof{font-weight:normal;font-size:10px;line-height:18px}span#nx{cursor:pointer;float:right;} #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative;overflow:hidden}#cboxLoadedContent{overflow:auto}#cboxLoadedContent iframe{display:block;width:100%;height:100%;border:0}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}#cboxOverlay{background:url(https://smartimagehq.com/includes_js/colorbox/example1/images/overlay.png) 0 0 repeat}#colorbox{} #cboxTopLeft{width:21px;height:21px;background:url(https://smartimagehq.com/includes_js/colorbox/example1/images/controls.png) -100px 0 no-repeat} #cboxTopRight{width:21px;height:21px;background:url(https://smartimagehq.com/includes_js/colorbox/example1/images/controls.png) -129px 0 no-repeat} #cboxBottomLeft{width:21px;height:21px;background:url(https://smartimagehq.com/includes_js/colorbox/example1/images/controls.png) -100px -29px no-repeat} #cboxBottomRight{width:21px;height:21px;background:url(https://smartimagehq.com/includes_js/colorbox/example1/images/controls.png) -129px -29px no-repeat} #cboxMiddleLeft{width:21px;background:url(https://smartimagehq.com/includes_js/colorbox/example1/images/controls.png) left top repeat-y} #cboxMiddleRight{width:21px;background:url(https://smartimagehq.com/includes_js/colorbox/example1/images/controls.png) right top repeat-y} #cboxTopCenter{height:21px;background:url(https://smartimagehq.com/includes_js/colorbox/example1/images/border.png) 0 0 repeat-x} #cboxBottomCenter{height:21px;background:url(https://smartimagehq.com/includes_js/colorbox/example1/images/border.png) 0 -29px repeat-x} #cboxContent{background:#fff} #cboxLoadedContent{margin-bottom:28px} #cboxTitle{position:absolute;bottom:0px;left:0;text-align:center;width:100%;color:#666;background-color:#efefef;padding:5px 0} #cboxCurrent{position:absolute;bottom:4px;left:58px;color:#949494} #cboxSlideshow{position:absolute;bottom:4px;right:30px;color:#0092ef} #cboxPrevious{position:absolute;bottom:0;left:0px;background:url(https://smartimagehq.com/includes_js/colorbox/example1/images/controls.png) -75px 0px no-repeat;width:25px;height:25px;text-indent:-9999px} #cboxPrevious.hover{background-position:-75px -25px} #cboxNext{position:absolute;bottom:0;left:27px;background:url(https://smartimagehq.com/includes_js/colorbox/example1/images/controls.png) -50px 0px no-repeat;width:25px;height:25px;text-indent:-9999px} #cboxNext.hover{background-position:-50px -25px} #cboxLoadingOverlay{background:url(https://smartimagehq.com/includes_js/colorbox/example1/images/loading_background.png) center center no-repeat} #cboxLoadingGraphic{background:url(https://smartimagehq.com/includes_js/colorbox/example1/images/loading.gif) center center no-repeat} #cboxClose{position:absolute;bottom:0;right:0;background:url(https://smartimagehq.com/includes_js/colorbox/example1/images/controls.png) -25px 0px no-repeat;width:25px;height:25px;text-indent:-9999px} #cboxClose.hover{background-position:-25px -25px} /*tt==text-transform - delete all if not required ff = font family - insert new values*/ * {margin: 0; padding: 0; border:0;} /*GLOBAL SETTINGS*/ h1, h2, h3, h4 {margin:10px 20px 20px; font-family:Arial, 'Sans Serif'; } span, li, p, a, a:hover, a:link, a:active, a:visited, div, td {font-family:Arial, 'Sans Serif'; font-size:12px; } /*SET AS REQUIRED*/ ul, ol {margin: 10px 20px; } input, input.submit {margin:0} div#imageContainer img {margin:0; padding:0; } /*images rectifies slimbox problem*/ div.clear {clear:both; height:9px; width:100%; margin:-1px 0 0 0;} p { text-align:left; margin:10px 20px; font-size:12px; line-height:15px} /*set as reqd*/ li { font-size:11px; line-height:15px;} div.list50 p {margin:3px 10px ;} .flinks {width:100%; padding:0; margin:0; float:left;} div.list66, div.list33 {width:66%; float:left; padding:0; margin:0; border:0; min-height:100px; _height:100px;} div.list33 {width:33%;} div.list div.list10s {padding-left:15px} p.res {border:0} /*basic container divs*/ body, div.wide {width:100%} div.contain, div.width, div.shadow { margin:0 auto; width:984px;} div.contain, div.wide {height:779px; position:relative; z-index:0;} div.maincol {width:100%; min-height:548px ; _height:548px ; display:block; padding:0; margin-top:0px; float:none;} /*main controller of page height set as required*/ div.contcol {width:100%; min-height:548px; _height:548px; position:relative;} /*ALWAYS USED SPECIFIC CONTAINER DIVS AND THEIR CHILDREN*/ div.titlehead {height:231px; padding:0; margin:0; width:100%; border:0; background-position:0 0; background-repeat:no-repeat; z-index:25}/* SET HEIGHT */ div.titlehead h1{margin:0; margin-left:20px; font-weight:bold; font-size:25pt; font-stretch:extra-expanded; text-align:left; line-height:40px; height:65px; padding-top:20px; vertical-align:bottom; font-family:arial, 'sans serif'; font-weight:normal; position:absolute;} /* SAMPLES ONLY - RESET VALUES AS REQD*/ /*ADD SPECIFIC SUBDIVS FOR SPECIAL FORMATTING IN HEAD EG CATSEARCH*/ /*div.titlehead div.catsearch, .catsearch p {clear:right; margin:0; text-align:right; height:30px;}*/ div.topmenu {height:30px; padding:0; margin:0;} /*USUAL HEIGHT BUT CAN BE VARIED - reset below as reqd*/ div.topmenu div {float:left; margin:5px 0 0 20px;} /*SET AS REQUIRED*/ div.topmenu div p {float:right; margin:4px;} div.topmenu div div, div.topmenu div div.links {float:left; height:20px; margin:0px 20px 0px 20px; text-align:center; font-size: 11px; font-weight:bold; position:relative; line-height:19px; } div.topmenu div div.links {height:20px; line-height:19px; float:left;} div.topmenu div div a:hover {height:20px;} a.hspot { z-index:35;} div.foot {width:984px; height:30px; padding:0px; margin:0 auto; border:none;} div.foot div {padding:10px 20px 5px 15px; width:949px;height:10px;} /*main menu typical horizontal setting set as reqd*/ span.temp {float:left; } div.mainmenu {padding:0px 0 0 0px; margin:-64px 0 0 273px; width:715px;z-index:35; position:relative; height:64px;} div.mainmenu ul.mm {padding:0; margin:0 0 0 -5px; text-align:center; height:60px; list-style-type:none; vertical-align:middle; width:670px; z-index:25;} div.mainmenu ul.mm li.mlink a:hover, div.mainmenu ul.mm li.livelink a {text-decoration:none;} div.mainmenu ul li a {height:64px; text-align:center; width:100%; display:inline-block; font-style:italic; font-weight:bold; font-size:14px; line-height:64px; padding:0 0 0 0; ; text-transform:uppercase; z-index:30;} div.mainmenu ul li a span {z-index:35; font-size:12px; } div.mainmenu ul li { margin:0; padding:0 0 0 0; z-index:25; display:inline-block; width:134px; margin-left:-34px; float:left; height:64px} div.mainmenu ul li ul {display:none; width:750px; position:absolute; margin:0; top:60px; left:-40px; height:30px;} div.mainmenu ul li ul:hover {display:block;} div.mainmenu ul.mm li.mlink:hover ul.lb, div.mainmenu ul.mm li.livelink:hover ul.lb {display:inline-block; z-index:150; float:left; height:30px; } div.mainmenu ul.mm li.mlink ul.lb li.hlink, div.mainmenu ul.mm li.livelink ul.lb li.hlink {margin:0; float:left; height:10px } div.mainmenu ul.mm li.mlink ul.lb li.hlink a, div.mainmenu ul.mm li.livelink ul.lb li.hlink a {float:left; width:100%; z-index:200; line-height:15px; text-align:left; padding:10px 10px 0 10px; font-size:12px; } div.mainmenu ul.mm li.mlink ul.lb li.hlink a:hover, div.mainmenu ul.mm li.livelink ul.lb li.hlink a:hover {z-index:200; display:inline-block; float:left; text-decoration:underline;} div.artcol, div.prodcol, div.cartcol, div.welcome, div.gallcol {margin-top:0px; padding-top:70px; padding-bottom:20px; min-height:300px; _height:300px; background-position:100% 0px; background-repeat:no-repeat;} /*content containers - edit as reqd - more styling may be needed*/ /*SPECIAL SETTINGS FOR CHILD ELEMENTS*/ .spacerg {margin-left:5px; } /*set or delete as reqd*/ /*gallery*/ div.gallcol {min-height:500px; _height:500px; width:810px; padding:30px 0 0 30px; position:relative;} div.alb_thumbs {height:201px; width:163px; float:left; margin:20px; background-image:url(https://smartimagehq.com/images/gall_ang_bord_gall.png); background-repeat:no-repeat;} div.alb_thumbs a {height:150px; width:145px; background-repeat:no-repeat; background-position:50% 50%; margin:10px auto 0; display:block;} div.alb_thumbs p { font-weight:bold; text-align:left; font-size:11px; line-height:13px; text-transform:uppercase; font-style:italic; margin: 5px 10px 0 10px;} div.alb_thumbs p span {font-size:10px;} div.filmstrip {height:435px; width:410px; position:absolute; top:40px; left:20px} div.filmstrip ul {position:absolute; height:470px; width:450px; top:40px; left:30px;} div.filmstrip ul li { float:left; list-style-type:none; height:81px; width:66px; background-image:url(https://smartimagehq.com/images/gall_ang_border_thumb.png); background-repeat:no-repeat; margin:10px} div.filmstrip ul li div {height:60px; width:56px; margin:5px auto 0;background-position:50% 50%; cursor:pointer; background-repeat:no-repeat;} div.rhsgall {position:absolute; top:40px; left:460px; height:470px; width:435px;} div.panel {position:absolute; top:40px; left:485px; height:470px; width:435px;} .panel div.pic {height:445px; width:435px; display:none; position:absolute; top:40px;} .panel div.pp {height:423px; width:297px; background-image:url(https://smartimagehq.com/images/gall_ang_border_port.png); background-repeat:no-repeat; margin-top:0px; position:absolute} .panel div.pl {height:302px; width:435px; background-image:url(https://smartimagehq.com/images/gall_ang_bord_lands.png); background-repeat:no-repeat; margin-top:0px; position:absolute} .panel div.pp div {height:381px; width:257px; margin:15px 17px 0 23px; background-position:50% 50%; background-repeat:no-repeat;} .panel div.pl div {height:260px; width:395px; margin:17px 17px 0 23px; background-position:50% 50%; background-repeat:no-repeat;} div#pvp, div#nxp {float:left; height:13px; width:15px; background-repeat:no-repeat;cursor:pointer; display:block; margin:20px 5px 0 15px;} div#pvp {background-image:url(https://smartimagehq.com/images/gall_ang_back_arrow_yell.png); } div#nxp {background-image:url(https://smartimagehq.com/images/gall_ang_forw_arrow_black.png);} div#pvp:hover {background-image:url(https://smartimagehq.com/images/gall_ang_back_arrow.png)} div#nxp:hover {background-image:url(https://smartimagehq.com/images/gall_ang_forw_arrow.png)} div#panel-overlay {position:absolute; height:20px; background:none; bottom:0; margin:0} div#panel-overlay h3 {font-size:14px; margin:10px 0 0 0;} .contcol div.gallcol h3 {margin:5px 10px 5px 20px ; padding:0; font-size:11px; font-weight:normal; color:black; font-style:italic; } .contcol div.gallcol h4 {margin:5px 10px 5px 20px ; } #photos h1, .contcol div.gallcol h1 {margin:10px 10px 5px 20px; text-transform:uppercase; font-style:italic; font-size:13px;} #photos ul, #photos img {padding: 0 0 0 0; margin:auto 0; } #photos li {margin-left:0; } div.mpicp img, div.mpicl img {position:relative; margin-left:auto; margin-right:auto; margin-top:auto; margin-bottom:auto} div.mpicp, div.mpicl {overflow:hidden; text-align:center} /*CART PAGES and WIDGETS*/ div.cartcol div.list, div.cartcol div.listalt, div.cartcol div.listhead { margin:3px 20px; } /*adjust, delete or combine as necessary*/ div.cartcol div.list, div.cartcol div.listhead, div.cartcol div.listalt {margin:5px 20px;} /*cartcol is shopping cat page*/ div.cartcol p { border-width:0; margin:5px 20px;} div.cartcol div div.list5 {width:8%;} /*DO NOT CHANGE THESE*/ div.cartcol div div.list7 {width:12%;} div.cartcol div div.list8 {width:13%;} div.cartcol div div.list12 {width:20%;} div.cartcol div div.list15 {width:25%;} div.cartcol div div.list20 {width:34%;} div.cartcol div div.list10 {width:16%;} div.cartcol div div.list35 {width:59%;} div#cart {margin:0; width:100%; } /*#cart is the cart widget - add other parent divs if required for specific divs*/ div#cart p { text-align:left; margin:10px 10px 10px 20px; font-size:11px;} #cart div.listsm {font-size:10px;} #cart div.listsm div {text-align:left;} #cart div.listsm div.list15 {width:180px;} #cart p.res {border-width:0; font-weight:bold; margin-top:0; margin-bottom:0; padding-top:10px; padding-bottom:0px; border-bottom:0;} #cart p img {padding:0; margin:0;} #cart p a, #cart p a:visited {color:white; text-align:right;} #cart p a:hover {text-decoration:underline; } div#catsearch {padding-left:20px; height:19px;} /*product search widget*/ input#sterm {padding:0;top:-7px; position:relative; color:#333333;} /*LAYOUT STYLES*/ /*PAGE BY ROWS - THIS MAY NEED TO BE DELETED IF NOT IN ROWS ON FRONT PAGE*/ /*PAGE BY COLUMNS*/ div#leftcol {width:650px; min-height:30px; _height:30px; padding:0; top:10px; margin:0px 0 0 45px; _margin-left:45px; z-index:25; position:relative; background-repeat:no-repeat; background-color:transparent;} /*set all values*/ #leftcol div {width:100%; margin:0 auto; padding:0;} /*special values for wider backgrounds - delete if not needed*/ #leftcol p {width:auto; margin:0; padding:10px 20px 10px 10px; float:left; text-transform:uppercase; font-weight:bold; font-size:13px; font-style:italic; } /*special values for wider backgrounds - delete if not needed*/ div#leftcol div.lmenu a { border-top:0px; margin:0px; padding:0; text-transform:semi-condensed; font-size:11px; } div#leftcol div.lmenu p.right a:hover { text-decoration:underline; background-color:transparent;} /*showcol replaces contcol - not all yet done*/ div#showcol {width:490px; min-height:400px; _height:400px; float:left; padding:0; margin:0 0px 0 40px; _margin-left:40px; } /*background applies when there is no right col otherwise put i rigthcol*/ #showcol h1 {font-size:18pt; padding:0px 10px 5px 20px; font-weight:bold; margin:0} #showcol h2 {font-size:16pt; padding:10px 20px 0px 20px; font-weight:bold; margin:0} #showcol h3 {font-size:14pt; padding:10px 20px 0px 20px; font-weight:bold; margin:0} #showcol h4 {font-size:12pt; padding:10px 20px 0px 20px; font-weight:bold; margin:0} div.tartpic, div.fp, div#fp {position:absolute; z-index:20; left:0px; top:0; background-repeat:no-repeat; height:231px; width:984px; background-color:transparent;} #rightcol {position:absolute; top:-231px; right:0; width:400px; height:779px;} #rightcol p.small a { display:block;} #rightcol p a:hover, #rightcol p.small a:hover {text-decoration:underline; display:block;} #rightcol div.prod {text-align:center; margin-bottom:10px;} div.picright {float:right; width:200px; padding:0; margin:20px; } div.picright div {width:100%; height:200px; margin-bottom:10px; background-repeat:no-repeat; background-position:100% 0; } div#rightcol div.gel{width:100%; float:left; padding:0; margin:0 0 0 0; border:0; height:auto; } div#rightcol div.gel p, div#leftcol div.gel p {font-size:11px; margin:0 0 0 0; padding:0 30px 5px 30px; text-align:left; } #rightcol h1, #rightcol h2, #rightcol h3, #rightcol h4, .lmenu h3.spacerg {margin:10px 30px; padding:0; font-size:11pt;} #rightcol div.c h3 {margin-bottom: 0; font-size:10pt;} #rightcol div.c h3 a {font-weight:600; } div.rcolpic { width:100%; height:779px; background-repeat:no-repeat; background-position:100% 0; position:relative;z-index:18;} /*set ht and pos as reqd*/ #std div.spacer { margin:0 20px; padding:5px 0px; } /* for replies details*/ /*WIDGETS AND FLEXIBLE DIVS*/ div#welcome {height:320px; width:100%; position:relative;} #welcome h1 {font-size:20px; font-weight:300; margin:0px; padding:5px 20px 2px 30px; } #welcome p, #welcome li { font-size:14px; padding:2px 30px; margin:0;} #welcome img {padding:0; margin:0 0 -2px 5px; } div.wi, div.wit {width:100%; padding:0; margin:0; height:231px; position:absolute;background-repeat:no-repeat; background-color:transparent; } div.wt {width:100%; height:60px; position:absolute; top:260px;} div.wt a.link {position:absolute; top:0px; left:0px; height:60px; width:984px; display:block;} div.wt a.link:hover {background-color:#999999; filter:alpha(Opacity=30); -ms-filter: "alpha(Opacity=30)"; opacity: 0.3; } div.welcome {height:285px; padding:0; margin:0; width:100%; float:left} div.welcome p, div.c p {font-size:12px; font-stretch:semi-condensed; margin-left:20px; margin-right:20px; text-align:left;} .welcome div img {margin-top:3px;} div.welcome { width:100%; padding:0; margin:0;} div.welcome p { margin:7px 20px; padding:0;} div.whatson { padding:0; margin:0; width:100%;} p.load {margin-top:0px} div.gel h3 {margin-left:20px } p.right, .lmenu p.right {text-align:right; float:none; padding-right:10px;} .welcome div img {margin-top:3px;} #lmen p {font-size:11px; margin:1px 0 1px 0; text-align:left;} #lmen p a {font-size:12px; padding:3px 0 3px 5px; text-align:left; display:block;} #lmen p a:hover {text-decoration:none; display:block;} div.hlink, div.slab p.shead {margin:7px 0 1px 10px; padding-left:0;} div.slab p.small {margin:2px 0 2px 10px; padding-left:0;} div.slab {width:100%} /*DBASE PRODUCTS AND ASSOCIATED PAGES - need to cut down some obsolete variations in divs*/ /*GENERAL FORMS DELETE WHERE OBSOLETE */ form div.list div, form div.listalt div { min-height:25px; } form div.listalt div { background-color:white;} form div.listhead div { } /* form div.list input.submit, div.list a img, form div.clr input {margin-left:28px; } */ /*GLOBAL SETTINGS*/ h1, h2, h3, h4 { } span, li, p, a, a:hover, a:link, a:active, a:visited, div, td {color:black} /*SET AS REQUIRED*/ ul, ol {} input, input.submit {margin:0} div#imageContainer img {} /*images rectifies slimbox problem*/ p { color:black} /*set as reqd*/ /*basic container divs*/ body, div.wide {background-color:#8ac63f;} div.contain, div.width, div.shadow { background-color:white} div.maincol {background-color:white} /*main controller of page height set as required*/ /*ALWAYS USED SPECIFIC CONTAINER DIVS AND THEIR CHILDREN*/ div.titlehead {background-color:transparent}/* SET HEIGHT */ div.titlehead h1{color:black} /* SAMPLES ONLY - RESET VALUES AS REQD*/ /*ADD SPECIFIC SUBDIVS FOR SPECIAL FORMATTING IN HEAD EG CATSEARCH*/ div.topmenu {color:blue} /*USUAL HEIGHT BUT CAN BE VARIED - reset below as reqd*/ div.topmenu div div.links {background-color:white;} div.topmenu div div a:hover {color:navy} div.foot, div.sfoot {background-color:#8ac63f;} div.foot div, div.foot div span, div.foot div span a{background-color:#8ac63f; color:black;} p.res {background:none; border-color:#00adef; padding-left:0} /*main menu typical horizontal setting set as reqd*/ span.temp {float:left; } div.mainmenu {} div.mainmenu ul.mm {} div.mainmenu ul.mm li.mlink a:hover, div.mainmenu ul.mm li.livelink a {background-image:url(http://smartimagehq.com/images/yellow-button.png);} div.mainmenu ul li a {} div.mainmenu ul li {background-image:url(http://smartimagehq.com/images/blue-button.png); } div.mainmenu ul li ul {} div.mainmenu ul.mm li.mlink:hover ul.lb, div.mainmenu ul.mm li.livelink:hover ul.lb { } div.mainmenu ul.mm li.mlink ul.lb li.hlink, div.mainmenu ul.mm li.livelink ul.lb li.hlink {color:black; background-image:none;} div.mainmenu ul.mm li.mlink ul.lb li.hlink a, div.mainmenu ul.mm li.livelink ul.lb li.hlink a {color:black; background-image:none;} div.mainmenu ul.mm li.mlink ul.lb li.hlink a:hover, div.mainmenu ul.mm li.livelink ul.lb li.hlink a:hover {color:black; background-image:none;} div.artcol, div.prodcol, div.cartcol, div.welcome, div.gallcol {color:black; background-color:white;} /*content containers - edit as reqd - more styling may be needed*/ /*SPECIAL SETTINGS FOR CHILD ELEMENTS*/ .spacerg {} /*set or delete as reqd*/ /*gallery*/ .gallcol {} .contcol div.gallcol h1 { } .contcol div.gallcol h3 {} .contcol div.gallcol h4 {} #photos ul, #photos img { } #photos li { } div.list a:hover { color:#ea451b;} /*CART PAGES and WIDGETS*/ div.cartcol div.list, div.cartcol div.listalt, div.cartcol div.listhead { } /*adjust, delete or combine as necessary*/ div.cartcol div.list, div.cartcol div.listhead, div.cartcol div.listalt {} /*cartcol is shopping cat page*/ div#cart {} /*#cart is the cart widget - add other parent divs if required for specific divs*/ #cart div.listsm {} #cart div.listsm div {} #cart div.listsm div.list15 {} #cart p.res {} #cart p img {} #cart p a, #cart p a:visited {} #cart p a:hover { } div#catsearch {} /*product search widget*/ input#sterm {} /*PAGE BY COLUMNS*/ div#leftcol {} /*set all values*/ #leftcol div {} /*special values for wider backgrounds - delete if not needed*/ #leftcol p { color:#ffc20e; background-image:url(http://smartimagehq.com/images/italic_slash_yellow_9x14.png); background-position:100% 50%; background-repeat: no-repeat; } #leftcol div.gel h3 {} div#leftcol div.lmenu p a { color:#ffc20e; } div#leftcol div.lmenu p a:hover {background:none; color:#ea451b; } /*showcol replaces contcol - not all yet done*/ div#showcol {} /*background applies when there is no right col otherwise put i rigthcol*/ #showcol h1 {} #showcol h2 {} #showcol h3 {} #showcol h4 {} #rightcol p {} #rightcol p.small a { } #rightcol p a:hover, #rightcol p.small a:hover {} #rightcol div.prod {} div.picright { } div.picright div {} div#rightcol div.gel{} div#rightcol div.gel p, div#leftcol div.gel p { } #rightcol h1, #rightcol h2, #rightcol h3, #rightcol h4, .lmenu h3.spacerg {} #rightcol div.c h3 {} #rightcol div.c h3 a { } div.rcolpic, div.lcolpic {} /*set ht and pos as reqd*/ #std div.spacer { } /* for replies details*/ /*WIDGETS AND FLEXIBLE DIVS*/ div#welcome {} #welcome h1 { } #welcome p, #welcome li {} #welcome img { } div.wi, div.wit {} div.wt {} div.wt a.link {} div.wt a.link:hover { } div.welcome {} div.welcome p, div.c p {} .welcome div img {} div.welcome { } div.welcome p {} div.list a:hover {color:#8ac63f; text-decoration:none;} div.whatson { } div.sponsors { } #search div p, #search div p.small, div.lmenu p.smallcaps { } div.hlink, div.slab p.shead {} div.slab p.small {} div.slab {} /*GENERAL FORMS DELETE WHERE OBSOLETE*/ form div.list div, form div.listalt div { } form div.listalt div { } form div.listhead div { } /*form div.list input.submit, div.list a img, form div.clr input { }*/