/*	-------------------------------------------------------------
	Project Name  Glass White Boards
	devloper@pxdev.com
	developer3@silvertrees.net
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	.version        1.0
	.updated      16-07-2009
	-------------------------------------------------------------	
	-------------------------------------------------------------
	+ Page structure +
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	+ Resets
	+ Main layout
	+ Forms
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

/*	-------------------------------------------------------------
	0. Rests
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
*{margin:0; padding:0;}
.clear{ clear:both; font-size:1%; }
h1, h2, h3, h4, h5, h6{ color:#34637c; padding-bottom:5px;}
h1{ font-size:18px;}
h2{ font-size:17px;}
h3{ font-size:15px;}
h4{ font-size:14px;}
h5{ font-size:12px;}
.SideBar h1, .SideBar h2, .SideBar h3, .Extra h2, .FaqList h2,  .FaqList h3 {font-size:18px;}
img{ border:none;}
a{ text-decoration:none; color:#34637c; outline:none;}
a:hover{ color:#4d7f9a; text-decoration:underline;}
body{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; background:#FFF url(images/bg.jpg) repeat-x top; line-height:15px; }

#Container{ margin:0 auto; width:980px;}

/*	-------------------------------------------------------------
	1.Header
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
.Header{ position:relative; width:980px; height:465px;}
.Header .Logo{ position:absolute; left:18px; top:30px;  height:100px; width:350px; display:block;}
.Header .Logo a{ background:url(images/logo.jpg) no-repeat; height:100px; width:350px; display:block; text-indent:-99999px;}


.Banner{ position:absolute; top:154px; width:980px; height:270px;}
.OverlayMask{ display:block; position:relative; width:980px; height:270px; overflow:hidden; text-align:left; }
.Banner .Mask{ position:absolute; z-index:50; background:url(images/banner_mask.gif) no-repeat;width:980px; height:270px;}

/*	-------------------------------------------------------------
	2.Top Nav
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
.TopNav{ position:absolute; left:680px; height:130px; width:210px; top:75px; z-index:60;}
.TopNav ul{ list-style:none;}
.TopNav ul li{ float:left; display:inline; padding:0 10px 7px 0;}
.TopNav a{ width:58px; height:58px; display:block; text-indent:-9999px;}

.TopNav a.HomeLink{ background:url(images/home.jpg) no-repeat top;}
.TopNav a:hover.HomeLink{ background:url(images/home.jpg) no-repeat bottom;}

.TopNav a.FAQLink{ background:url(images/faq.jpg) no-repeat top;}
.TopNav a:hover.FAQLink{ background:url(images/faq.jpg) no-repeat bottom;}

.TopNav a.DesignLink{ background:url(images/design.jpg) no-repeat top;}
.TopNav a:hover.DesignLink{ background:url(images/design.jpg) no-repeat bottom;}

.TopNav a.ProductsLink{ background:url(images/product.jpg) no-repeat top;}
.TopNav a:hover.ProductsLink{ background:url(images/product.jpg) no-repeat bottom;}

.TopNav a.AboutLink{ background:url(images/aboutus.jpg) no-repeat top;}
.TopNav a:hover.AboutLink{ background:url(images/aboutus.jpg) no-repeat bottom;}

.TopNav a.ContactLink{ background:url(images/contacts.jpg) no-repeat top;}
.TopNav a:hover.ContactLink{ background:url(images/contacts.jpg) no-repeat bottom;}


.TopNav a.Selected{ background-position:bottom;} /* Selected Class */

/*	-------------------------------------------------------------
	3.Contents
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
.Contents{ display:block; background:url(images/contents_bg.jpg) repeat-y left; position:relative; width:980px; padding-bottom:90px; margin-bottom:4px;  }
.Contents .SideBar{ display:inline; float:left; width:222px; padding:90px 0 0px 15px; overflow:hidden;}
.Contents .Context{ display:inline; float:right; width:695px; margin-left:20px; padding-top:60px;}
.Context p{ padding-bottom:15px; width:610px;}

/*	-------------------------------------------------------------
	4.Home Gallery
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.HomeGallery{ display:block; margin:50px 0 0 50px; width:610px; }
.HomeGallery ul{ list-style:none;}
.HomeGallery ul li{ display:block; float:left; width:86px; height:84px; position:relative;}

.HomeGallery ul li img{ display:inline; border:1px solid #ccc}

.Contents .SideBar h2, .Contents .SideBar p{margin-left:10px;}

.LeftMenu{ display:block; margin:17px 0 80px 10px;}
.LeftMenu ul{list-style:none;}
.LeftMenu ul li a{ width:188px; height:34px; display:block; text-indent:-9999px;}

.LeftMenu ul li a.Quote{background:url(images/left_menu.jpg) no-repeat top;}
.LeftMenu ul li a:hover.Quote{background:url(images/left_menu.jpg) no-repeat 0 -102px;}

.LeftMenu ul li a.Udesign{background:url(images/left_menu.jpg) no-repeat 0 -35px;}
.LeftMenu ul li a:hover.Udesign{background:url(images/left_menu.jpg) no-repeat 0 -137px;}

.LeftMenu ul li a.Shoping{background:url(images/left_menu.jpg) no-repeat 0 -68px;}
.LeftMenu ul li a:hover.Shoping{background:url(images/left_menu.jpg) no-repeat bottom;}

.GrayList{ display:block; margin:10px 0;}
.CategoriesList {padding-bottom:30px;}
.GrayList ul{ list-style:none;}
.GrayList li{padding:6px 5px 6px 11px; background:#f3f3ed; margin-bottom:4px; }
.GrayList li a{ background:url(images/list_dots.jpg) no-repeat left; padding-left:15px;}


.GalleryLink{ display:block; margin-top:4px; height:20px; clear:both; }
.GalleryLink a{ background:url(images/gallery.jpg) no-repeat; display:block;  height:18px; width:70px; float:right;text-indent:-99999px; }

.GalleryPics{ width:495px; position:relative;clear:both;}
.Contents .Context .GalleryPics p{ width:300px;}

.GalleryPics a.ViewPics{ position:absolute;background:url(images/view_pics.jpg) no-repeat; display:block;  height:61px; width:138px; right:0; bottom:0;text-indent:-99999px;line-height:0;}

.RightGalleryPics{ width:600px; position:relative; margin-top:20px; clear:both;height:70px;}
.RightGalleryPics a.ViewPics{ position:absolute;background:url(images/view_pics.jpg) no-repeat; display:block;  height:61px; width:138px; right:0; bottom:0;text-indent:-99999px;line-height:0;}

/*Pages Context*/
.aboutusimg{ display:block; background:url(images/aboutus_text.jpg) no-repeat; text-indent:-99999px; height:115px; width:532px;}
.Sample{ display:block; margin-top:35px; position:relative; width:480px; height:230px;}
.Sample img{ left:0; position:absolute;}
.Sampleviewpic{ background:url(images/view_pics.jpg) no-repeat; display:block;  height:61px; width:138px; right:0; bottom:0;text-indent:-99999px; right:0; bottom:40px; position:absolute; }

/*	-------------------------------------------------------------
	5.Gallery
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
.Gallery{ display:block; width:638px;}
.Gallery_Preview{ display:block; border-bottom:1px solid #e5e5e5; padding-bottom:35px; margin-bottom:30px;}
.Previewimg{ float:left; width:365px;height:350px; position:relative;}
.Gallerytext{ float:left; width:270px;}
.Gallerytext p{ width:270px;}
.defualt_imgs{ position:absolute; left:370px; bottom:-2px; width:250px;}
.defualt_imgs img{ margin-right:16px; }

ul.Gallery_thumbs{ display:block; list-style:none;}
ul.Gallery_thumbs li{height:125px; width:124px; display:block; float:left; font-size:1%;}
ul.Gallery_thumbs li img{ border:none;}


div#gallery_categories {margin:25px 0px; }
div#gallery_categories a {color:#000; }
div#gallery_categories a.Selected {color:#11637c; }


/*	-------------------------------------------------------------
	6.Selected Product
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
.SelectedProducts{ margin:20px 0 90px 0;}
.productimg{ display:inline; float:left; width:375px; }

.imgcontainer{ position:relative; display:block; font-size:1%;}
.imgcontainer a.viewpicss{ position:absolute; top:315px;}


.productdetails{display:inline; float:left; width:270px;}
.productdetails p{ width:270px;}

.Offers{ display:block;}
.Specials{ width:160px; padding-left:10px; border-left:1px solid #CCC; display:block; float:right; margin-top:20px;}
.Specials h3{ font-size:18px;}
.Specials p{ width:160px; color:#34637C;}

.Options{ display:block; margin-top:15px;position:absolute;}
.Listing .Options {left:195px;top:122px;width:295px;}
.SelectedProducts .Options {left:470px;width:200px;}
.Options ul{list-style:none; float:right; display:inline; margin-right:12px;}
.Options ul li{ display:inline; float:left; padding:0 12px ;}

.Details{ display:block; background:url(images/details.jpg) no-repeat; height:31px; width:58px; text-indent:-99999px;}
.Back { display:block; background:url(images/back.jpg) no-repeat; height:31px; width:58px; text-indent:-99999px;}
.Purchase{ display:block; background:url(images/purchase.jpg) no-repeat; height:31px; width:72px; text-indent:-99999px;}
/*Extra products */
.ExtraProducts{ display:block; margin-top:23px;  }
.ExtraProducts .productsList { float:left; display:block; padding:40px 0 40px 45px;  overflow:hidden;position:relative; background:url(images/plus.jpg) no-repeat; }
.ExtraProducts .productsList ul { list-style:none;}
.ExtraProducts .productsList ul li {  display:inline; float:left; padding-right:25px;}
.ExtraProducts .productsList img{ margin-bottom:18px; border:0;}
.ExtraProducts .productsList p{ width:167px;}
.ExtraProducts .productsList h3 {width:170px;}
.ExtraProducts .productsList h3 a{ font-weight:700; font-size:18px;}

.ExtraProducts .productsList a.AddMe{ position:absolute; left:0; top:0; background:url(images/addon_select.jpg) no-repeat top; width:42px; height:41px; text-indent:-9999px;}
.ExtraProducts .productsList a:hover.AddMe, .ExtraProducts .productsList a.Selected{ position:absolute; left:0; top:0; background:url(images/addon_select.jpg) no-repeat bottom; width:42px; height:41px; text-indent:-9999px;}


.ExtraProducts .Choice{display:block;height:31px;text-indent:-99999px;width:72px;}
.ExtraProducts .Add{ background:url(images/addorremove.jpg) no-repeat top;  }
.ExtraProducts .Remove{ background:url(images/addorremove.jpg) no-repeat bottom;  }


/*	-------------------------------------------------------------
	7.Product Listing
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
.Listing{ display:block; margin-bottom:45px; height:165px;position:relative;}
.Listing .ListingDetails, .Listing .Thumbs, .Listing .Specials{ display:inline; float:left; }

.Listing .Thumbs{ width:165px; position:relative; }
.Listing .ListingDetails{ width:320px;}
.Listing .ListingDetails p{ width:300px;}
.Listing .Specials{ height:145px;}
.Listing .Specials p{ color:#34637c}

a.viewpicss{ background: url(images/view_pics.png) no-repeat;bottom:-18px;display:block;height:43px;position:absolute;right:-60px;top:123px;text-indent:-9999px;width:101px;z-index:50;}

/*	-------------------------------------------------------------
	8.Paging System
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.PageNation{ display:block; width:605px; padding-top:10px;}
.PageNation ul{ float:right;}
.PageNation ul li { float:left; display:inline; padding:3px;}
.PageNation ul li a{ font-weight:700; font-size:18px; color:#c3c2c2}
.PageNation ul li a:hover, .PageNation ul li.current{font-weight:700; font-size:18px; color:#34637c}
.Previous{ background:url(images/prev.jpg) no-repeat; width:13px; height:15px; text-indent:-9999px; display:block;}
.Next{ background:url(images/next.jpg) no-repeat; width:13px; height:15px; text-indent:-9999px; display:block;}
.ProductpageSelected .PageNation, .DesignBoard .PageNation{ width:670px;}

.ProductpageSelected{ padding-left:20px;}

/*	-------------------------------------------------------------
	9.Boards Desginer page
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/*Design Borders */
.BorderSizes{ display:block; margin:20px 0 25px 10px; overflow:hidden; width:220px;}
.BorderSizes h4{  margin:5px 0;}
.BorderSizes ul.AvilableSizes{ list-style:none; width:220px; position:relative; margin-left:-5px;}
.BorderSizes ul.AvilableSizes li{ display:inline; float:left; color:#34637c;}
.BorderSizes ul.AvilableSizes li a{ padding:0 5px; display:inline}
.BorderSizes .CustomSize{ padding:5px 0 0 0px; display:block;}


.BorderSizes .ManualSize form{ padding-top:10px}
.BorderSizes .ManualSize ul{ list-style:none; display:block;}
.BorderSizes .ManualSize ul li{ display:inline;float:left; padding:0 8px 0 0; font-size:11px; font-weight:700;}
.BorderSizes .ManualSize ul li input{  width:30px; font-size:11px; font-family:tahoma; height:16px; text-align:center; padding:1px 0; }
.BorderSizes .ManualSize ul li label{ font-weight:700; font-size:12px; padding-left:5px; color:#34637C;}

.ColorPicker{ margin-left:10px;}

.UplaodLogo{ display:block; margin:25px 0 0 10px;}
.UplaodLogo .Mylogo{ display:block; margin:10px 0 0 0;}
.UplaodLogo .UploadButton{ background:url(images/upload_logo_button.jpg) no-repeat; height:37px; width:135px; display:block; text-indent:-99999px; margin:25px 0 0 0; }


/* BorderReSizer */
	
.BorderReSizer{ display:block; margin:10px 0 80px 0; width:632px; }
.BorderReSizer .MainFrame{ border:1px solid #CCC; width:630px; mini-height:480px;}
.BorderReSizer .BottomOptions{ display:block; height:29px; position:relative;} 
.BorderReSizer .BottomOptions ul{ list-style:none;} 
.BorderReSizer .BottomOptions ul.ZoomingOptions{ background:url(images/first_gray.jpg) no-repeat; width:123px; height:29px; padding-left:4px; position:absolute; right:0; }
.BorderReSizer .BottomOptions ul.ZoomingOptions li{ float:left; display:inline; padding:6px 6px;} 
.BorderReSizer .BottomOptions ul.ZoomingOptions li a.Zoomin{ display:block; background:url(images/zoomin.jpg) no-repeat; height:16px; width:16px; text-indent:-99999px; } 
.BorderReSizer .BottomOptions ul.ZoomingOptions li a.Zoomout{ display:block; background:url(images/zoomout.jpg) no-repeat; height:16px; width:16px; text-indent:-99999px; } 

.BorderReSizer .BottomOptions ul.ZoomingOptions li a.Magnify{color:#FFFFFF;
font-size:12px;
font-weight:700;
margin-left:12px;} 

.BorderReSizer .BottomOptions .Reset{ display:block; position:absolute; left:435px; height:29px; width:64px;}
.BorderReSizer .BottomOptions .Reset a{ display:block; background:url(images/reset.jpg) no-repeat; height:29px; width:64px; text-indent:-9999px;}


.BorderReSizer .BottomOptions .Purchase_2{ display:block; position:absolute; right:0; height:29px; width:85px;}
.BorderReSizer .BottomOptions .Purchase_2 a{ display:block; background:url(images/purchase_2.jpg) no-repeat; height:29px; width:85px; text-indent:-9999px;}


/* Boards Size */
.BoardsSize{ position:relative; background:#edf5ff; width:200px; height:200px; border:1px solid #d6d7d9; margin:15px auto;}

.BoardsSize .Top_Left, .BoardsSize .Top_Right, .BoardsSize .Bottom_Left, .BoardsSize .Bottom_Right{ width:6px; height:8px; display:block;font-size:1%; position:absolute; }
.BoardsSize .Top_Left{ background:url(images/rounded_top_left.png) no-repeat ;  left:-1px; top:-2px; }
.BoardsSize .Top_Right{ background:url(images/rounded_top_right.png) no-repeat ;  right:-1px; top:-1px; }
.BoardsSize .Bottom_Left{background:url(images/rounded_bottom_left.png) no-repeat ;left:-2px; bottom:-2px; }
.BoardsSize .Bottom_Right{background:url(images/rounded_bottom_right.png) no-repeat ; right:-1px; bottom:-2px; }

/*Logo Uploader */
#uboard_logo{ cursor:move;}
#uboard_logo .resize{ cursor:nw-resize}

/* Pins */
.Pin_T_L, .Pin_T_R, .Pin_B_L, .Pin_B_R{ display:block; background:url(images/pin.png) no-repeat;height:8px; width:8px;position:absolute; z-index:10;}
.Pin_T_L{  top:10px; left:10px;}
.Pin_T_R{  top:10px; right:10px;}
.Pin_B_L{  bottom:10px; left:10px;}
.Pin_B_R{  bottom:10px; right:10px;}


/*Product Listing */
.ProductListing{ padding-left:25px;}
.ProductListing .PageNation{ width:650px; }

/*	-------------------------------------------------------------
	10.Numbers
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
.Num{ margin-top:-40px; z-index:50;}
.Context .Num{ position:absolute; padding:9px 5px; background:#ccc; left:256px; }
.Context .Num span{color:#FFF; font-size:18px; font-weight:700;}


.SideBar .Num{ margin-top:-23px;  position:absolute; padding:9px 5px; background:#ccc; left:226px; }
.HomeGallery .Num{ margin-top:0px;}
.SideBar .Num span{color:#FFF; font-size:18px; font-weight:700;}


.Downloads{ display:block; margin:100px 0 20px 0;}
.Downloads .Resources{ margin:10px;}
.Downloads .Resources ul{ list-style:none;}

/*	-------------------------------------------------------------
	11.Flash Messages
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.Errormessage { background:#eedbd5 url(images/error_msg.gif) no-repeat 10px 50%; height:26px; text-align:left; width:400px; border:1px solid #bd5748;padding:14px 10px 14px 45px; margin:20px auto; color:#bd5748; font-weight:700; }
.Sucmessage { background:#E6EBC3 url(images/suc_msg.gif) no-repeat scroll 10px 50%;
border:1px solid #709F33;
color:#709F33;
font-weight:700;
margin:20px auto;
padding:14px 10px 14px 45px;
text-align:left;
width:400px; }
.Notemessage { background:#FEF9F1 url(images/warn.gif) no-repeat 10px 50%; text-align:left; width:400px; border:1px solid #9C3C1C; padding:14px 10px 14px 45px; margin:auto; color:#9C3C1C; font-weight:700; }

.Context .Notemessage  p{ width:auto; padding:0;}
.Context .Errormessage  p{ width:auto; padding:0;}
.Context .Sucmessage  p{ width:auto; padding:0;}


div.error-message { position:absolute; left:370px; top:2px; color:#990000; background:url(images/error.gif) no-repeat; display:inline; padding-left:20px; width:200px; }


/*	-------------------------------------------------------------
	12.Forms
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
form{ padding-top:15px;}
input, textarea{ background:#FFF url(images/input_bg.jpg) repeat-x top; border-top:1px solid #727272; border-bottom:1px solid #DADADA; border-left:1px solid #B4B4B4;
border-right:1px solid #B4B4B4; border-top:1px solid #727272;}
.input{ display:block; position:relative; height:30px; width:355px;}
.input label{ font-weight:700;}
.text input, .textarea textarea, .check input , .submit input{ position:absolute; padding:1px 0;}
.text input{ left:95px;width:255px;}
.textarea{ height:120px;}
.textarea textarea{ left:95px; width:255px; overflow:hidden;}
.check input{ left:0; border:0;}
.check label{ left:25px; position:absolute; font-weight:100;}
.submit { position:relative; height:25px; margin:5px 0;}  
.submit input{ background:url(images/send.jpg) no-repeat; height:36px; width:91px; text-indent:-9999px; border:none; font-size:0px; display:block; left:350px; line-height: 0px;}
.Captcha{ height:70px; position:relative;}
.Captcha label{ font-weight:700; }
.Captcha img{ position:absolute; left:80px; }
.Captcha input{ position:absolute; left:208px; top:5px; width:140px;}
.check{ height:60px;}

.checkbox { display:block; position:relative; height:20px; margin-top:10px; }
.checkbox input {  margin:0; padding:0; border:0; display:block; background:none; }
.checkbox label {margin:0; padding:0; display:block; position:absolute; left:20px; top:0;}

.file{ display:block; position:relative; height:85px;}
.text input.width80{ width:80px;}

.select select{ left:95px;width:255px; position:absolute;}




#QuoteIndexForm fieldset, #CustomProductIndexForm fieldset{ padding:0 10px 10px 10px; border:1px solid #f2f2f2; margin:0 0 20px 0; width:560px; display:block; clear:both; }
#QuoteIndexForm fieldset legend, #CustomProductIndexForm legend{ font-size:18px; padding:10px 5px; color:#34637C; display:block;}
#QuoteIndexForm .submit input, #CustomProductIndexForm .submit input{left:490px;}

#QuoteIndexForm .Small_inputs div.error-message, #CustomProductIndexForm .Small_inputs div.error-message{ left:190px; top:0;}

div.left{float:left;clear:both;}
div.left div.input {width:200px;}
div.right{float:right}
div.right div.input {margin:10px 0px 0px 0px;overflow:hidden;}
div.right div.input input {width:40px; left:50px;}


/*	-------------------------------------------------------------
	13.Frequantley Ask Questions.
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.FAQS{ display:block;}
.FaqList { display:block; background:url(images/faq_bg.jpg) repeat-y; width:580px; margin:30px  0 55px 0; }	
.FaqList .Question{ float:left; width:265px;  overflow:hidden;}
.FaqList .Question p, .FaqList .Answer p{ width:auto; padding-bottom:10px;}
.FaqList .Question p{ color:#34637c}
.FaqList .Answer{ float:right; width:280px; overflow:hidden; }	

.Resources{ display:block; width:185px; line-height:13px;}
.Resources ul li a { display:block; background:url(images/resources.jpg) no-repeat left 4px; color:#333; padding:8px 0 10px 30px;}
.Resources ul li{ margin-bottom:5px;border-bottom:1px solid #e5e5e5; padding-bottom:5px;  }
.Resources ul li.last_item{border-bottom:0;}

/* Contacts Contents */

#ContactUs form{ margin-left:60px;}
.DonwloadBroch{ display:block; width:515px; clear:both; margin:60px 0 60px 45px;}
.DonwloadBroch .borch_details{ display:inline; float:left; width:250px; overflow:hidden;}
.DonwloadBroch .borch_details p{width:auto;}
.DonwloadBroch  h2{ padding-bottom:10px;}
.DonwloadBroch .borch_details a.Download{ display:block; text-indent:-99999px; height:52px; width:152px; background:url(images/download.jpg) no-repeat;}
.DonwloadBroch .Brochimg{ display:inline; float:right;overflow:hidden;}


.downloadPages{ display:block; }
.downloadPages ul{ list-style:none; float:right}
.downloadPages ul li{ display:inline; float:left; padding:3px;color:#333; }
.downloadPages ul li a{ text-decoration:none; color:#333; }
.downloadPages ul li a.selected{ font-weight:700;}


/*ADDONS */
a.SmallButton{ background:url(images/button.gif) no-repeat top; display:block; width:68px; height:18px; color:#FFF; text-align:center; font-weight:700; padding-top:3px;}
a:hover.SmallButton{ background:url(images/button.gif) no-repeat bottom; color:#FFF; text-decoration:none;}

a.BigButton{ background: url(images/bigbutton.gif) no-repeat  center top;color:#FFFFFF;display:block;font-size:16px;font-weight:700;height:27px;padding-top:14px;text-align:center;width:156px;}
a:hover.BigButton{ background:url(images/bigbutton.gif) no-repeat bottom; color:#FFF; text-decoration:none;}


/*
.CompoBox{ display:block; margin:10px 0; width:200px;}

.CompoBox h3{ display:block; background:#34637c url(images/left_roound.gif) no-repeat left; font-size:12px; height:16px;}
.CompoBox span{ display:block; background:url(images/right_roound.gif) no-repeat right;  height:18px; padding:3px 0 0 17px;}
.CompoBox span a{ color:#FFF; background:url(images/select_off.gif) no-repeat left; padding-left:15px;}
.CompoBox span a:hover{ color:#FFF; background:url(images/select_on.gif) no-repeat left; }

.CompoBox ul{ list-style:none; display:block;border:1px solid #ccc; border-bottom: none;}
.CompoBox ul li{ display:block; padding:3px 0 3px 15px; border-bottom:1px solid #ccc; }
*/

.ULogo{ display:block; margin:0 0 10px 0; width:210px; }
.ULogo .LogoSlect{ display:block;height:70px;padding-bottom:5px;  }
.ULogo .LogoSlect .SelectedLogo{border:1px solid #dbdbdb;display:inline;float:left;height:100%;width:81%; text-align:center; margin:1px; }
.ULogo .LogoSlect .SelectedLogo img{ }

.ULogo .LogoSlect .SelectedLogo span{ display:block; font-size:18px; padding:25px 0; color:#34637C   }


.ULogo .LogoSlect .ChangeLogo{display:inline;float:left;height:100%; width:10%;background:#FFF; margin-left:1px;}
.ULogo .LogoSlect .ChangeLogo a{ background:url(images/bottom_arrow.gif) no-repeat scroll center center;display:block; margin:1px; height:100%;text-indent:-9999px;width:100%;padding:0 5px;border:1px solid #dbdbdb;}
.ULogo .LogoSlect .ChangeLogo a:hover{border:2px solid #EEE; margin:0;}

.ULogo ul{ list-style:none; border:1px solid #EEE; border-bottom: none; height:195px; overflow:auto; display:block; position:absolute; width:208px; background:#FFF;}
.ULogo ul li{ display:block; text-align:center;border-bottom:1px solid #dbdbdb; font-size:1%;   }
.ULogo ul li.no_logo a{ padding:20px 0; font-size:18px;}
.ULogo ul li.no_logo a:hover{ text-decoration:none;}

.ULogo ul li a{ display:block;}
.ULogo ul li a:hover{ display:block; background:#f6f6f6 }

.resize{display:none;position:absolute;bottom:0;right:0;width:10px;height:10px;background-color:#ffff00;}

/*	-------------------------------------------------------------
	14.Shoping Cart
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.ShopingCart{ display:block;/* border:1px solid #ccc;*/ padding:5px; width:560px;}
.ShopingCart .ShopingProduct{ display:block; margin-bottom:15px; border-bottom:1px dotted #ccc; padding-bottom:10px; width:560px;}
.ShopingCart .ShopingProduct .product_img{ display:inline; float:left; width:100px;}
.ShopingCart .ShopingProduct .Product_details{ display:inline; float:left; width:400px;}
.ShopingCart .ShopingProduct .Product_details h2{ font-size:14px;}
.ShopingCart .ShopingProduct .Product_details p{ width:400px;}
.ShopingCart .ShopingProduct .Product_details .ShopingOptions span.UnitPrice{ font-size:28px; color:#34637C;position:relative; bottom:-5px;}
.ShopingCart .ShopingProduct .Product_details .ShopingOptions span form{ display:inline; padding:0; margin:0;}
.ShopingCart .ShopingProduct .Product_details .ShopingOptions span form input{ padding:5px 0; width:25px; text-align:center;}
.ShopingCart .ShopingProduct .Product_details .ShopingOptions span.AddMore ul{ list-style:none; padding:8px 0;}
.ShopingCart .ShopingProduct .Product_details .ShopingOptions span.AddMore ul li{ float:left; padding-right:20px;  }
.ShopingCart .ShopingProduct .Product_details .ShopingOptions span.AddMore a.Add{ display:block; font-size:12px; padding-left:17px; background:url(images/add.gif) no-repeat left; font-weight:700; }
.ShopingCart .ShopingProduct .Product_details .ShopingOptions span.AddMore a.Remove{ display:block; font-size:12px; padding-left:17px; background:url(images/remove.gif) no-repeat left; font-weight:700; }

.CartSummary{ display:block; width:560px;}
.CartSummary ul{ list-style:none; width:560px; padding:15px 0;}
.CartSummary ul li{ display:block; border-bottom:1px dotted #CCC; clear:both; padding:5px 0; height:17px;}
.CartSummary ul li span{float:right; font-size:12px;}
.CartSummary ul li strong{float:left; font-size:12px;}
.CartSummary ul li.TotalPrice {  padding:8px 0; height:25px; line-height:25px;}
.CartSummary ul li.TotalPrice span{ font-size:12px; font-weight:700;}
.CartSummary a.BigButton{ float:right; }


.ShopingCart table{ font-size:12px; margin:0 0 25px 0; width:560px; }
.ShopingCart table form{ padding:0; margin:0; }
.ShopingCart table td{ padding:10px 0; border-bottom:1px dotted #CCC; vertical-align:middle; }
.ShopingCart table td h2{ font-size:14px;}
.ShopingCart table .ProductHeader td{ font-size:12px; background:#CCC; color:#FFF; padding:5px 0; font-weight:700; border-right:1px solid #ebebeb;}

.Update{ display:block; margin:15px 0; height:30px; overflow:hidden;}

a.shoping_button{ background:url(images/shoping_button.gif) no-repeat; display:block; width:124px; text-align:center; color:#FFF; padding-top:7px; height:23px; font-weight:700;}
a:hover.shoping_button{ background:url(images/shoping_button.gif) no-repeat bottom; color:#FFF; text-decoration:none;}

.Checkout, .cartupdate{ float:right;}
.Continue{ float:left;}
.FinalStep{ background:#fcfcfc; border:1px solid #f7f7f7; padding:10px; display:block; margin:15px 0;}


.EmptyCart{ display:block; margin:15px auto;}
.ProductPrice{ font-weight:700; font-size:16px; color:#333;}


/*Site Map */
ul#sitemap{ display:block; list-style:none; padding:15px 0; font-size:16px; color:#333;}
ul#sitemap li{ padding:4px 0; }
ul#sitemap a{  font-size:14px; color:#333;}
ul#sitemap ul{ display:block; list-style:none; padding:8px;}
ul#sitemap a, ul#sitemap { font-weight:700;}
ul#sitemap ul a, ul#sitemap ul { font-weight:100; font-size:14px;}
ul#sitemap ul li { padding:2px 0; }



/* 7-6-09 */
.SecondMenu{ display:block; position:absolute; left:10px; top:430px;}
.SecondMenu li{ display:inline; float:left; padding:4px 12px; background:url(images/list_item.gif) no-repeat right; height:16px;}
.SecondMenu li.Lastitem{ background:none;}
.SecondMenu li a{  font-weight:700; font-size:13px; color:#35637b;}


/*	-------------------------------------------------------------
	15.Footer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


#Footer{ background:#34637c; height:100%; display:block; padding:10px 0 30px 0;}
#Footer p{  margin:0 auto; padding-left:270px; color:#FFF; font-size:12px;}
#Footer p a{  color:#FFF; font-size:12px; padding-left:10px;}
#Footer p a:hover{ text-decoration:underline}

.Context p.ReplyBody {padding-bottom: 7px; padding-top: 7px;}
.Context p.ReplyDate { padding-bottom: 0; color: #33447C;}
h5.ReplySender {padding-bottom: 2px;}
div.ReplyBlock {margin: 8px auto; border-bottom: dotted 1px #333;}

/*#ClientReplyForm div.error-message{display:block; position: relative; left: 0; top: 0;}
#ClientReplyForm .text input, #ClientReplyForm .textarea textarea, #ClientReplyForm .check input, #ClientReplyForm .submit input{position: relative;}*/