/* ==================================================================================================== */ /* ==|Project: ROMA Mouldings |=============================================== */ /* ==|CSS File: style.css |=============================================== */ /* ==|Date Created: 10/29/2007 |=============================================== */ /* ==|Author: Andrea Acosta Duarte - Kandi Xiao |=============================================== */ /* ==================================================================================================== */ body { margin:0; padding:0; height:100%; background-color:#DAD8CB; background-image:url('/img/main_bg.jpg'); background-repeat:repeat-y; background-position:center; font:11px Arial, Helvetica, sans-serif; color: #666666; line-height: 1.3; } form, input { margin:0; } img { border: 0px; } #main { position:relative; margin:auto; width:929px; height:800px; background:#FFF; padding:17px 18px; } #header { margin-bottom:17px; height:110px; } #header #logo { float:left; width:182px; height:76px; margin-right:16px; text-align:center; position:relative; top:0px; } #header #control { float:left; width:731px; height:76px; font-size:9px; } #header #control #frmSearch { float:right; border-left:1px solid #EAEADE; height:48px; padding-top:10px; } #header #control #frmSearch input { float:left; padding:0; font-size:9px; } #header #control #frmSearch .searchTerm { width:204px; height:12px; margin:0 6px 0 11px; border:1px solid #8E8E8E; padding:2px; } #header #control #frmLogin { float:left; padding-top:10px; } #header #control #Module_topnav1_login input { float:left; font-size:9px; margin-right:5px; } #header #control #Module_topnav1_login .username, #header #control #Module_topnav1_login .password { width:142px; height:12px; border:1px solid #8E8E8E; padding:2px; } /*#header #control #Module_topnav1_login .password { background-image:url('/img/txt_password.gif'); }*/ #header #control #Module_topnav1_login a { margin-left:9px; line-height:18px; } #header #control #Module_topnav1_loggedIn div { float:left; } #header #control #Module_topnav1_loggedIn #userName { width:210px; padding-top:17px; margin-right:20px; } #header #control #Module_topnav1_loggedIn #portfolio { width:229px; height:48px; padding:17px 0 0 20px; border-left: 1px solid #EAEADE; } #header #control #Module_topnav1_register { clear:both; margin-top:14px; } #header #topNav { clear:both; border: 1px solid #E6E4D7; padding:2px; } #topNav #topNavOpt { height:21px; background-color:#4B403A; padding:2px 0 0 /*184px 325px;*/ 0px; } #topNav #topNavOpt a { } #topNav #topNavOpt a:hover { } #navTable { position:absolute; width:728px; background:#FFF; } #navTable table { margin:0px; width:100%; } #navTable table tr td { font-weight:bold; } /*-- Style: Table Red Description ----------------------------------------------------------------*/ #navTable td.header { padding:8px 12px; color:#8b0101; font-size:10px; text-transform:uppercase; } /*================================================================================================*/ /*-- Style: Table Bold Title ---------------------------------------------------------------------*/ #navTable table tbody .boldTitle td { border-bottom:1px solid #E6E4D7; vertical-align:top; color:#726e67; font-size:10px; text-transform:uppercase; } #navTable table tbody .boldTitle span.orText { color:#CCCCCC; font-size:11px; padding:0px; text-transform:uppercase; } /*=================================================================================================*/ /*-- Style: Table Contents ------------------------------------------------------------------------*/ #navTable table tbody tr td { padding:2px 2px; color:#604734; font-size: 11px; text-decoration:none; } #navTable .highlight td { background-color:#f9f9f3; } /*================================================================================================*/ /*-- Style: Table Border -------------------------------------------------------------------------*/ #navTable .borderAll { border: 1px solid #E6E4D7; } #navTable .borderL1 { border-left: 1px solid #E6E4D7; } #navTable .borderR1 { border-right: 1px solid #E6E4D7; } #navTable .borderB1 { border-bottom: 1px solid #E6E4D7; } /*================================================================================================*/ /*-- Style: Table Links --------------------------------------------------------------------------*/ /*#navTable table tbody tr td a { font-size: 11px; text-decoration:none; display:block; padding: 6px 10px; } #navTable table tbody tr td a:link{color:#604734; background-color:#ffffff; text-decoration:none;} #navTable table tbody tr.highlight td a:link{color:#604734; background-color:#f9f9f3;} #navTable table tbody tr td a:visited{color:#604734; background-color:#ffffff;text-decoration:none;} #navTable table tbody tr.highlight td a:visited{color:#604734; background-color:#f9f9f3;} #navTable table tbody tr td a:hover{color:#ffffff; background-color:#8b0101;} #navTable table tbody tr.highlight td a:hover{color:#ffffff; background-color:#8b0101;}*/ #navTable a.link1 { color: #604734 ; padding: 6px 10px; text-decoration:none; display:block;} #navTable a.link1:hover { color: #FFFFFF; background:#8B0100; text-decoration:none; } #navTable table tbody tr td.hiddenlink a:link{ color:#ff0000; background-color:#666666;text-decoration:none;} #navTable table tbody tr td.hiddenlink a:hover{color:#ff0000; background-color:#ffffff;} /*================================================================================================*/ #sideNav { float:left; width:196px; margin:0 10px 20px 0; /*style of leftNav is now here */ border:1px solid #E6E4D7; padding:2px; background-color:#FFFFFF; } #sideNav #leftNav { } #sideNav #leftNav #leftNavOpt { background-color:#E6E4D7; width:100%; } #sideNav #leftNav #leftNavOpt a { display:block; border-bottom:1px solid #FFFFFF; color:#4E2815; font-family:"Times New Roman",Times,serif; font-size:12px; font-weight:bold; padding-bottom:12px; padding-top:12px; text-decoration:none; text-indent:10px; text-transform:uppercase; } #sideNav #leftNav #leftNavOpt a:hover { color:#8D110F; } #sideNav #leftNav #leftNavOpt div a { text-indent:20px; font-size:10px; } #content { float:left; width:717px; margin-bottom:50px; } #content #mainimage { padding-bottom:25px; } #content #subimage{ float:left; padding-right:0px; } #footer { clear:both; font-size:10px; font-weight:bold; color:#835941; text-transform:uppercase; text-align:center; visibility:hidden; } #footer .border { font-size:1px; border:1px solid #e6e4d7; height:3px; margin-bottom:8px; } #footer a { text-decoration:none; padding:8px 12px; } #footer a:link, #footer a:visited { color:#562806; } #footer a:hover, #footer a:active { color:#880200; } /*====================================================================================*/ #photoFrameList{ width:717px; font-family:Arial, Helvetica, sans-serif; } /*-- Style: direction on the top position with light gray and dark gray texts--*/ #photoFrameList #direction { text-transform:uppercase; font-size:11px; border-bottom: 1px solid #e6e4d7; padding-bottom: 12px; } #photoFrameList #direction .lightGray{color: #999999;} #photoFrameList #direction a:link{color: #666666; text-decoration:none;} #photoFrameList #direction a:visited{color: #666666; text-decoration:none;} #photoFrameList #direction a:hover{color: #8b0101; text-decoration:none;} #photoFrameList #direction a:active{color: #8b0101; text-decoration:none;} /*====================================================================================*/ /*-- Style: refine the item display by color or size----------------------------------*/ #photoFrameList #colorSizeOpt{padding-top:8px; height:35px;} #photoFrameList #colorSizeOpt .refineItem{font-size:12px; color:#604734; width:245px; padding-top:6px; float:left;} #photoFrameList #colorSizeOpt .sizeOption{/*width:240px; float:left;*/ margin-top:8px;} #photoFrameList #colorSizeOpt .colorOption{ /*width:210px; float:left;*/ margin-top:8px;} #photoFrameList #colorSizeOpt .arrowBtn{width:18px; float:left; padding-top:2px;} /*====================================================================================*/ /*-- Style: photo frame list----------------------------------------------------------*/ #photoFrameList #imageList{ width:100%; display: block; float:left; font-size:10px; text-transform:uppercase; line-height:1.4 } /*border-bottom: 1px solid #e6e4d7; -- BM Removed*/ #photoFrameList #imageList #imageRow .imageGroup a img{display:block;} #photoFrameList #imageList #imageRow .imageGroup{float:left; padding:8px 4px 30px 0px; display:block;} #photoFrameList #imageList #imageRow .imageGroup span{float:left;} #photoFrameList #imageList .tablett {border:5px solid #e6e4d7;} /*#photoFrameList #imageList table {border:5px solid #e6e4d7;} #photoFrameList #imageList table {border:5px solid #8b0101;}*/ #photoFrameList #imageList .tablett:hover {border:5px solid #8b0101;} /*#photoFrameList #imageList a { width:166px;}*/ #photoFrameList #imageList a:link img{border:5px solid #e6e4d7;} #photoFrameList #imageList a:visited img{border:5px solid #e6e4d7;} #photoFrameList #imageList a:hover img{border:5px solid #8b0101;} #photoFrameList #imageList a:active img{border:5px solid #8b0101;} #photoFrameList #imageList div.imageBorder{padding: 3px; border:1px solid #e6e4d7;} #photoFrameList #imageList #imageRow .gap{padding:3px; float:left; display:block;} #photoFrameList #imageList #imageRow .ProductID { margin-top: 14px;} /*====================================================================================*/ /*-- Style: recently viewed itmes section---------------------------------------------*/ #photoFrameList #viewedItem{ text-transform:uppercase; padding-top: 18px; padding-bottom: 16px; clear:both; display:block; } #photoFrameList #smallImageGroup { } #photoFrameList #smallImageGroup a img { border:1px solid #e6e4d7; float:left;} #photoFrameList #smallImageGroup a:hover img { border:1px solid #8b0101;} #photoFrameList #smallImageGroup .gap{ padding:10px; float:left; display:block;} /*====================================================================================*/