ÿþ/* 

=============================

| Skin Styles for VeryGC	|

| Programmer: Remon Saddik	|

=============================

*/   

* {padding:0px;margin:0px;}

a{text-decoration:none;color:#007bc2;}

a:hover {text-decoration:underline;}

img {border:none;}

p {padding:10px 0;}

h1 {font:bold 16px Arial, Helvetica, Serif;color:#007bc2;}

h2 {font:normal  130% Arial, Helvetica, Serif;}

h2.dest {padding:0 0 10px 15px;}

h3 {font:normal 120% Arial, Helvetica, Serif;}

h4 {font:bold 100% Arial, Helvetica, Serif;}

BODY{font:normal 70% Arial, "‹[SO", Helvetica, Serif;background:#f3f3f3 url(main_bg.jpg) no-repeat center top;background-attachment:fixed;color:#54575e;}

#wrapper{text-align:left;width:990px;margin:0 auto;}

#wrapper > #container /* minimum height trick */

{min-height:300px;height:auto;}

#container{height:300px;background:#fff url(Layout.gif) no-repeat left bottom;}

#TopNav{padding:8px 8px;color:#551e00;text-align:right;}

#TopNav ul li{list-style:none;display:inline;}

#TopNav a{font-weight:normal;padding:0 3px;text-decoration:none;color:#551e00;font-size:120%;}

/* Flash header and Logo */

#header .flash{float:right;width:760px;}

#header h1, div.Logo{background:url(logo.gif) no-repeat left -212px;height:88px;text-indent:-1000px;font-size:0px;}

/* Search and Main Nav */

#TopBar{margin-top:10px;height:84px;background:url(Layout.gif) no-repeat right top;}

#TopBar .searchbar{text-align:left;margin:0 10px;padding:8px 0 11px;font-weight:bold;font-size:115%;color:#551e00;width:430px;}

#TopBar .searchbox{border:solid 1px #cacaca;padding:0px 0 2px 5px;width:230px;color:#61646a;margin-left:10px;}

#TopBar .searchbtn{border:none;background:#cf6a16;width:60px;height:20px;color:#fff;font:bold 90% Arial, Helvetica, Serif;padding:3px 5px 3px 5px;}

/* Main Navigation */

#TopBar .navwidth {width:790px;}

#M_TopBar .navwidth {width:880px;}

#PNF_TopBar .navwidth {width:790px;}

#main_nav{text-align:left;margin:0 7px;height:32px;}

.main_nav{text-align:left;margin:0;width:640px;height:32px;}

#main_nav ul li, .main_nav ul li

{cursor:pointer;list-style:none;display:block;float:left;padding-left:5px;height:100%;background:url(menu_bg.gif) no-repeat left top;}

#main_nav ul li.on, .main_nav ul li.ton

{background:url(menu_bg.gif) no-repeat left -39px;}

#main_nav ul li.blue, .main_nav ul li.blue

{background:url(menu_bg.gif) no-repeat left -78px;}

#main_nav ul li.biz, .main_nav ul li.biz

{background:url(menu_bg.gif) no-repeat left -117px;}

#main_nav ul li a, .main_nav ul li a

{display:block;background:url(menu_bg.gif) no-repeat right top;padding:9px 11px 9px 6px;font:normal 110% "Trebuchet MS", Helvetica, Serif;color:#fff;text-transform:uppercase;}

#main_nav ul li.blue a, .main_nav ul li.blue a

{background:url(menu_bg.gif) no-repeat right -78px;}

#main_nav ul li.biz a, .main_nav ul li.biz a

{background:url(menu_bg.gif) no-repeat right -117px;}

#main_nav ul li.on span, #main_nav ul li.on a, .main_nav ul li.ton span, .main_nav ul li.ton a

{display:block;padding:9px 11px 9px 6px;font:normal 130% "Trebuchet MS", Helvetica, Serif;color:#fff;text-transform:uppercase;background:url(menu_bg.gif) no-repeat right -39px;}



#main_nav ul li.bon

{background:url(menu_bg.gif) no-repeat left -78px;}

#main_nav ul li.bon span, #main_nav ul li.bon a

{display:block;padding:9px 11px 9px 6px;font:normal 130% "Trebuchet MS", Helvetica, Serif;color:#fff;text-transform:uppercase;background:url(menu_bg.gif) no-repeat right -78px;}

.main_nav ul li.ton a {display:none;}

.main_nav ul li.toff span {display:none;}

/* Main Panels */

.m_left_pnl{float:left;width:639px;}

.m_left_nav{float:left;width:150px;margin-right:15px;}

.m_left_nav ul {margin-top:10px;}

.m_left_nav ul li {font-size:12px;list-style:none;margin-bottom:5px; list-style-position:outside;}

.m_left_nav ul li.lnkctrl_level2 { list-style-image:url(lnkctrl_level2.gif);margin-left:9px;}

.m_left_nav ul li.active {font-weight:bold;}

.m_right_content{float:left;width:470px;}

.m_right_content ul{padding-left:20px;}

.m_right_pnl{float:right;width:300px;}

.dl_refine{background:url(drops_bg.jpg) no-repeat left top;clear:both;margin-top:10px;padding:14px 0 15px 10px;font:bold 12px Arial;color:#fff;}

.dl_refine .drop1{width:150px;margin:0 10px;font:normal 11px Arial;color:#54575e;}

.dl_refine .drop2{width:130px;margin-right:5px;font:normal 11px Arial;color:#54575e;}

.dl_refine .drop3{width:90px;margin-right:5px;font:normal 11px Arial;color:#54575e;}

.dl_refine .go{border:solid 1px #fff;background:#ff600b;width:40px;height:20px;font:bold 12px Arial;color:#fff;}

/* Content */

.breadbrumb{padding-right:10px;float:right;font-size:10px;}

.content{padding:0 15px;clear:both;}

.shadowline{clear:both;padding:15px 0 15px;background:url(Layout.gif) no-repeat right -84px;}

.shadowline2{clear:both;padding:5px 0;height:15px;background:url(Layout.gif) no-repeat right -97px;}

.shadowline3{clear:both;padding:0 0 10px;background:url(Layout.gif) no-repeat right -103px;}

.dots_line{margin:0;padding:0;clear:both;height:25px;background:url(Layout.gif) no-repeat right -140px;}

.h_plinks{color:#208bc9;font:normal 110% Tahoma, Arial, Helvetica, Serif;}

.hot_deals {padding:2px;border:dashed 1px #54575e;}

.hot_deals img {margin-bottom:2px;}

.hot_deals .sep {border-bottom:dashed 1px #54575e;}

.hot_deals p {clear:both; padding:5px; font:normal 12px Tahoma, Arial, Serif;}

.drop_box150{width:150px;margin-top:10px;font:normal 11px Arial;color:#54575e;}

.lp_weather{margin-top:10px;color:#969696;display:block;}

.dl_list_item .pic{float:left;width:130px;height:96px;margin-right:10px;background:#efefef;}

.dl_list_item .price{text-align:right;display:block;float:right;width:80px;overflow:hidden;}

.dl_list_item .enquire{text-align:right;display:block;float:right;width:100px;overflow:hidden;}

.gallery .pic{display:block;background:#efefef;width:295px;height:280px;}

.gallery .thumb{display:block;float:left;width:70px;height:50px;margin:5px 5px 0 0;background:#b9b9b9;}

.gallery .thumb:hover {filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;}

img.Gallery /* Needed for Gallery Script */

{position: absolute;visibility: hidden;z-index: 30000;}

img {filter: alpha(opacity=100);}

/* Repeater Image Ads */

.img_item

{display:block;float:left;width:328px; /* instead of 330px for edit mode */ height:190px;overflow:hidden;margin-bottom:15px;}

.img_item img{margin:0 15px 10px 15px;}

.img_item p{margin:0px;padding:0 14px;display:block;font-size:120%;}

.img_item h2{font:bold 130% Arial, Helvetica, Serif;color:#007bc2;padding:0 15px 10px 15px;}

.img_item a{color:#007bc2;}

.img_item_edit

{display:block;float:left;width:328px; height:200px;overflow:hidden;margin-bottom:15px;}

.img_item_edit img{margin:0 15px 10px 15px;}

.img_item_edit p{margin:0px;padding:0 14px;display:block;}

.img_item_edit h2{font:bold 110% Arial, Helvetica, Serif;color:#007bc2;padding:0 15px 10px 15px;}

.img_item_edit a{color:#007bc2;}

/* Homepage key industries */

.h_industries{width:77%;text-align:left;}

.h_industries div.left{float:left;width:12%;}

.h_industries div.right{float:left;width:88%;}

/* Homepage Top Welcome and Weather */

#h_welcome .left{float:left;width:310px;margin-right:30px;}

#h_welcome .left h2{padding-top:3px;display:block;float:left;font-size:13px;}

#h_welcome .left .details{display:block;float:left;padding:0px;color:#969696;}

img.i-icon{float:left;margin-right:15px;}

#h_welcome .WelcomePane{margin:0;padding:0;display:block;float:left;width:530px;}

.h_padded{margin:15px 0;}

/* Footer */

#footer{margin-top:5px;background:#f8b332 url(Layout.gif) no-repeat right -131px;padding:20px 0px;text-align:right;color:#fff;}

#footer .inner{padding:0 15px;background:#f8b332 url(logo.gif) no-repeat 15px top;}

#footer a{color:#fff;}

#footer li.active a{color:#000;}

#footer ul li{list-style:none;display:inline;font-weight:bold;}

/* Forms */

.gform {background:#efefef;padding:10px;font-size:12px;}

.gform .label1, .wform .label1

{display:block;float:left;width:120px;margin:0 10px 10px 0;}

.gform .field1, .wform .field1

{display:block;float:left;width:250px;border:solid 1px #b9b9b9;font:11px Arial,Helvetica, Serif;padding:2px 0;}

.gform .field2, .wform .field2

{display:block;float:left;width:380px;border:solid 1px #b9b9b9;margin-top:5px;font:11px Arial,Helvetica, Serif;padding:2px 0;}

.gform .field3, .wform .field3

{display:block;float:left;width:330px;border:solid 1px #b9b9b9;font:11px Arial,Helvetica, Serif;padding:2px 0;}

.gform .shortfield, .wform .shortfield

{display:block;float:left;width:125px;border:solid 1px #b9b9b9;margin-right:5px;padding:2px 0 2px 2px;font:11px Arial,Helvetica, Serif;}

.gform .shortlabel, .wform .shortlabel

{display:block;float:left;width:125px;margin-right:5px;padding-left:1px;}

.gform .sdroplabel, .wform .sdroplabel

{display:block;float:left;width:55px;margin-right:5px;padding-left:2px;}

.gform .shortfield, .wform .sdropfield

{display:block;float:left;width:55px;border:solid 1px #b9b9b9;margin-right:5px;font:11px Arial,Helvetica, Serif;}

.gform .submit1, .wform .submit1

{background:#ff7028;border:none;padding:5px;color:#fff;font-weight:bold;}

.gform .sdropfield2, .wform .sdropfield2

{display:block;float:left;width:129px;border:solid 1px #b9b9b9;padding:1px 0;margin-right:5px;font:11px Arial,Helvetica, Serif;}

.gform .sdropfield3, .wform .sdropfield3

{display:block;float:left;width:129px;border:solid 1px #b9b9b9;margin-right:5px;padding:2px 0 2px 2px;font:11px Arial,Helvetica, Serif;}

.b_field {width:100px;border:solid 1px #b9b9b9;color:#54575e;font:normal 11px Arial, Helvetica, Serif;}

.b_btn {background:#cf6a16;border:none;padding:3px 5px;color:#fff;font:bold 11px Arial, Helvetica, Serif;}

/* Business Section */

.biz_body{font:normal 70% Arial, Helvetica, Serif;background:#f3f3f3 url(main_bg.jpg) no-repeat center top;background-attachment:fixed;color:#54575e;}

#biz_footer{margin-top:5px;background:#234373 url(Layout.gif) no-repeat right -165px;padding:20px 0px;text-align:right;color:#fff;}

#biz_footer .inner {padding:0 15px;background:#234373 url(logo.gif) no-repeat 15px -123px;}

#biz_footer a{color:#fff;}

#biz_footer li.active a{color:#A2ADC1;}

#biz_footer ul li{list-style:none;display:inline;font-weight:bold;}

/* common */

.fleft {display:block;float:left;}

.fright {display:block;float:right;}

.clear {clear:both;font-size:0%;padding:0;margin:0;display:block;}

.spacer2 {font-size:2px;}

.spacer {font-size:5px;}

div.third {float:left;width:32%;}

.hspacer15 {width:15px; float:left;}

.mt0 {margin-top:0;}

.pt0 {padding-top:0;}

.pm0{padding:0;margin:0;}

.mr15 {margin-right:15px;}

.mr5 {margin-right:5px;}

.blue_txt {color:#007bc2;}

.darkgrey {color:#54575e;}

.orange_txt{color:#FF600B;}

.lightgrey {color:#969696;}

.maroon_txt {color:#5a1e00;}

.darkorange {color:#cf6a16;}

.yellow{color:#f8b332;}

.f0 {font-size:0px;}

.f5 {font:normal 5px Arial, Helvetica, Serif;}

.f9 {font:normal 9px Arial, Helvetica, Serif;}

.f11 {font:normal 11px Arial, Helvetica, Serif;}

.f100 {font:normal 100% Arial, Helvetica, Serif;}

.f12 {font:normal 12px Arial, Helvetica, Serif;}

.f14 {font:normal 125% Arial, Helvetica, Serif;}

.f14t {font:normal 125% Tahoma, Arial, Helvetica, Serif;}

.f16 {font-size:140%;}

.f20 {font:normal 20px Arial, Helvetica, Serif;line-height:14px;}

.f22 {font:normal 22px Arial, Helvetica, Serif;}

.f20ab {font:600 22px "Arial Black", "Helvetica Black", Serif;}

.f36 {font:normal 36px Arial, Helvetica, Serif;}

ul.halfleft,ul.third, ul.quarter, ul.fifth, ul.sixth {margin-top:10px;}

ul.sixth li {margin-right:9px;width:149px;overflow:hidden;display:block;float:left;list-style-type:none;}

ul.fifth li {margin-right:9px;width:182px;overflow:hidden;display:block;float:left;list-style-type:none;}

ul.quarter li {margin-right:8px;width:230px;overflow:hidden;display:block;float:left;list-style-type:none;}

ul.third li {margin-right:8px;width:310px;overflow:hidden;display:block;float:left;list-style-type:none;}

ul.halfleft li {margin-right:8px;width:307px;overflow:hidden;display:block;float:left;list-style-type:none;}

ul.halfleft2 {margin-top:5px;}

ul.halfleft2 li {margin:0 8px 0 10px;padding-left:15px;width:250px;display:block;float:left; background:url(discbullet.gif) no-repeat left center;}

ul.single{margin-top:5px;display:block;float:left;}

ul.single li {margin:0 8px 0 10px;padding-left:15px;width:250px;display:block;background:url(discbullet.gif) no-repeat left 5px;}

ul.normal {margin-top:5px;}

ul.normal li {margin:0 8px 0 15px;}

.left_quarter {float:left;width:153px;margin-right:5px;}

.tshow {display:block;}

.thide {display:none;}

.bold{font-weight:bold;}

.left_thirds {display:block;float:left;width:31%;margin-left:15px;color:#007bc2;}

/* Members */

.loginpnael {width:374px;height:142px;background:url(admin_layout.gif) no-repeat left -61px;}

.loginpnael .lform {padding:45px 15px 0 15px;}

.loginpnael .lform label {width:60px;font-size:12px;padding-top:2px;display:block;float:left;margin-right:15px;}

.loginpnael input.text {display:block;float:left;width:250px;border:solid 1px #aeaeae;padding:1px 2px;}

.txtbox180 {width:180px;border:solid 1px #aeaeae;padding:1px 2px;font:normal 11px Arial, Helvetica, Serif;}

.txtbox_btn {background:#cf6a16;border:none;padding:2px 5px;color:#fff;font:bold 11px Arial, Helvetica, Serif;}

#M_TopBar {margin-top:10px;background:url(admin_layout.gif) no-repeat right top;padding:5px 0 10px 0;}

.dash_label1{font-weight:bold;font-size:12px;width:100px;padding:10px 5px 0 0;display:block;float:left;}

.dash_short{width:175px;}

.dash_long{width:210px;}

.dash_short, .dash_long {float:left;height:38px;margin:0 1px 1px 0;background:#ececec;}

.dash_short img, .dash_long img {float:left;margin-right:5px;}

.dash_short p, .dash_long p {color:#005596;font-size:12px;padding-top:10px;}

.loginfo {color:#551e00;text-align:right;font:bold 11px Arial, Helvetica, Serif;padding:20px 15px 0 0}

/* 404 Page Not Found */

#PNF_TopBar {margin-top:10px;background:url(404_layout.gif) no-repeat right top;padding:5px 0 10px 0;}



/* Admin Classes */

.A_body{background:#f3f3f3 url(admin_bg.jpg) repeat-x left top;}

#A_header #TopNav {float:right;margin-top:40px;}

.A_white{background:#fff;}

.A_Container{background:#fff;padding:10px;}

.A_corner{width:9px;height:9px;font-size:7px;}

.A_tl{background:url(admin_layout.gif) -92px top;}

.A_tr{background:url(admin_layout.gif) -981px top;}

.A_bl{background:url(layout.gif) left bottom;}

.A_br{background:url(layout.gif) -981px bottom;}

.A_fl{background:url(layout.gif) -990px -131px;}

.A_fr{background:url(layout.gif) right -131px;}

.A_white #main_nav {margin:0}

#wrapper > #A_container{min-height:300px;height:auto;}

.A_footer {background:#f8b332;}

.A_footer #footer {background:#f8b332;margin-top:0;padding-top:10px;}

.members_pager {background:#D47218;}

.members_pager span {color:#FCCC64;font:bold 200% Arial, Helvetica, Serif;}

.members_pager a, .members_pager a:link, .members_pager a:visited, .members_pager a:active {color:White;font:bold 125% Arial, Helvetica, Serif;}

/* 

================================

| Container Styles for VeryGC  |

|  Programmer: Remon Saddik    |

================================

*/   

.admincontainer {border:solid 1px #DDEAEE;background:#fff;}

.admincontainer:hover {background-color:#FFF3D7;}

.admincontainertitle {height:20px;background:#DDEAEE;margin-bottom:10px;}



/* Pop Up Menu */

#dropmenudiv{

	position:absolute;

	border:1px solid black;

	border-bottom-width: 0;

	font:normal 10px Verdana;

	line-height:15px;

	z-index:100;

	background-color:#999999;

	}

	#dropmenudiv a:link,#dropmenudiv a:visited, #dropmenudiv a:active{

	width: 100%;

	display: block;

	text-indent: 3px;

	border-bottom: 1px solid black;

	padding: 1px 0;

	text-decoration: none;

	color:#007bc2;

	}

	#dropmenudiv a:hover{ /*hover background color*/

	background-color: gray;

	color:white;

	}

/* Google Map */

div#googlemap {height:415px; width:960px;}

div#productgooglemap {width:625px;height:300px;}

div#googlemap img, div#productgooglemap img {filter:none;}