/* globals */
body { background-color:White; margin:0px 0px; padding:0px; color:#666666; font-size:11px;}
* { font-family:Arial, Verdana, MS Sans Serif;  }
* html, * html body { overflow-y:hidden!important; height:100%; padding:0; }
* html #page { height: 100%; overflow-y:scroll; position: relative; }
a, a:visited { color:White; text-decoration:none; }
a:hover {text-decoration:none;}
.PaddingContainer {margin-top:19px;}

/* miscellaneous */
.clear { clear:both; }
.errormessage { color:red; font-weight:bold; }
.modalBackground { background-color:White; filter:alpha(opacity=0); opacity:0; }
.mandatory { color:Red; font-weight:bold; padding:0px 3px; }

/* forms */
.form { clear:both; }
.form label { width:200px; text-align:right; padding-top:3px; padding-bottom:10px; padding-right:10px; float:left; color:#666666; }
.form .lblText { width:auto; text-align:left; }
.form input.text { float:left; border:solid 1px #C0C0C0; width:200px; }
.form textarea { float:left; border:solid 1px #C0C0C0; width:200px; }
.form input.error { border:solid 1px red; }
.form .clear { padding:2px 0px 2px 0px; }
.form .noinput label { width:auto; float:none; }


.formSmall { clear:both; }
.formSmall label { width:200px; text-align:right; padding-top:3px; padding-bottom:2px; padding-right:10px; float:left; color:#666666; }
.formSmall .lblText { width:auto!important; text-align:left; }

/* master page */
#container { width:980px; margin-top:10px;}


/* content */
#content { padding-left:30px; }
#content .contentcontainer { padding-left:10px; }
#content .contentcontainer #leftcontent { float:left; width:180px; margin-right:10px; height:250px; margin-top:17px;}
#content .contentcontainer #rightcontent { float:right; width:750px; }
#content .contentcontainer #rightcontent .maincontent { min-height:500px; }

/* summary */
.summary {padding-top:19px;}
.summary .imagecontainer {}
.summary .imagecontent {}


/* footer */
#footer { clear:both; height:25px; margin-top:20px; margin-left:40px; margin-bottom:10px; padding-bottom:10px;}
#footer .seperator { height:5px; border-bottom:solid 1px #999999; margin:5px 0px 5px 0px; }
#footer a, #footer div { color:#999999; }


/*light box*/
#lightbox { position:fixed; top:118px; height:455px; }
#lightbox #lightboxContent { float:left; width:190px; display:none; background-color:#f3f3f3; border-bottom:1px solid #CCCCCC; }
#lightbox #lightboxTab { float:left; width:30px; }
#lightbox #lightboxTab .captop { width:30px; height:10px; }
#lightbox #lightboxTab .capbottom { width:30px; height:10px; }
#lightbox #lightboxTab .capminmax { width:30px; height:10px; }
#lightbox #lightboxTab .capmiddle { height:405px; background:url(../Images/Lightbox-Cap-Middle.jpg); background-repeat:repeat-y; width:30px; }

#lightbox #lightboxContent .title .title { width:166px; height:20px; padding-left:5px; }
#lightbox #lightboxContent .title .name { color:#0099ff; font-weight:bold; float:left; padding-left:5px; }
#lightbox #lightboxContent .dropdowndiv { clear:both; width:166px; height:30px; margin:auto; padding-top:13px;}
#lightbox #lightboxContent .seperator { width:166px; margin:auto; height:10px; }
#lightbox #lightboxContent .seperator hr { border-style:dotted; color:White; }
#lightbox #lightboxContent .input { height:22px; margin:0px; line-height:22px; font-size:12px; width:166px; color:#999999; border:1px solid #E3E9EB; }
#lightbox #lightboxContent .imagelist { width:177px; clear:both; height:358px; overflow:auto; padding-top:10px; }

/* add to Light box */
.addtolightbox { width:150px; height:150px; background-color:#666666; padding:15px; }
.addtolightbox .title { color:White; float:left; font-weight:bold; padding:5px 0px 5px 0px; }
.addtolightbox .closebutton { float:right; padding-top:5px; }
.addtolightbox .input { color:#999999;}

#lightboxdetail { }
#lightboxdetail .controller { clear:both; background-color:#F3F3F3; height:37px; margin-bottom:0px; }
#lightboxdetail a, #lightboxdetail a:visited { color:#0099FF; text-decoration:none; margin-right:10px; }
#lightboxdetail a:hover { color:#0099FF; text-decoration:underline; }
.Orange { background-color:#F89821; height:5px; overflow:hidden; width:180px;}
.OrangeHidden { background-color:white; height:5px; overflow:hidden; width:180px;}
#lightboxdetail .input { color:#999999; border:1px solid #E3E9EB; padding:2px; font-size:11px; } 

    
/* navigation */
#navigation { height:33px; clear:both; margin-left:40px; background-image:url(../Images/Navigation-Background.jpg); background-repeat:repeat-x; }
#navigation .navigationitems { height:33px; float:left; }
#navigation .navigationitems .item { float:left; font-weight:bold; color:White; font-size:12px; background-image:url(../Images/Navigation-Seperator.jpg); background-repeat:no-repeat; position:relative; background-position: top right; padding: 9px 20px 0px 20px; }
#navigation .navigationitems .itemEnd { float:left; font-weight:bold; color:White; font-size:12px; padding: 9px 20px 0px 20px; }

#navigation .navigationitems .ArrowDown { background-image:url(../Images/Navigation-down-arrow.jpg); background-repeat:no-repeat; background-position:left 1px; text-indent:17px; }
#navigation .navigationitems .ArrowRight { float:left; background-image:url(../Images/Navigation-Right-arrow.jpg); background-repeat:no-repeat; background-position:left 1px; text-indent:17px; }

#navigation .navigationitems .BasketIcon { width:22px; height:19px; float:left; background-image:url(../Images/Basket.jpg); background-repeat:no-repeat; position:absolute; left:103px; top:7px; }

#navigation .smallitems a, #navigation .smallitems a:visited  { float:left; line-height:30px; color:White; font-size:11px; font-weight:bold; text-decoration:none; }
#navigation .smallitems a:hover { float:left; line-height:30px; color:White; font-size:11px; font-weight:bold; text-decoration:underline; }
#navigation .smallitems span { float:left; line-height:30px; color:White;}
#navigation .dropdown { position:absolute;top:33px;left:10px; }
#navigation .dropdown  a { line-height:20px; }
#navigation .dropdown  a:hover { text-decoration:underline; }


#footer .links .item { float:left;line-height:33px; padding-left:10px;  font-weight:normal;}
#footer .links { color:White; line-height:33px; }
#footer .links a { color:White; font-weight:normal; }
#footer .links a:hover { color:White; text-decoration:underline; }

/* header */
#header { height:75px; clear:both;  margin-left:40px; }
#header .welcome { color:#999999; }
#header .notyou { color:#FF9900; font-size:10px; }
#header a.notyou, #header a.notyou:visited { color:#FF9900; font-size:10px; }
#header a.notyou:hover { color:#FF9900; text-decoration:underline;}

#header .input { width:120px; height:15px; color:#999999; padding:5px; border:1px solid #E3E9EB; }
#header .overlaytext { position:absolute;top:8px;left:10px; color:#999999; }

#divImageAddedToShoppingCart { display:none;position:absolute;border:1px solid black;background-color:#4F3462;color:White;padding:2px; }

/* search */
#searchbar { background-color:#4F3462; height:67px; float:right; clear:both; width:940px; margin-bottom:5px; }
#searchbar .searchbar span { color:White;}
#searchbar .searchbar .input { width:166px; color:#999999; margin:0px; font-size:12px; border:1px solid #E3E9EB; padding:3px; }
#searchbar .searchbar a { color:White; line-height:10px;} 
#searchbar .options input { float:left; }
#searchbar .options label { width:70px; float:left; margin-top:0px; }
#searchbar .CheckBoxContainer input, #searchbar .CheckBoxContainer input label {margin-top:0px; padding:0px;}
#searchbar .CheckBoxContainer {float:left; padding-left:5px; padding-top:10px;}

#searchbar .options br { clear:both; }
#searchbar .selectall label { color:Orange; font-weight:bold; padding-right:5px; }

/* bookmark */

#bookmark { margin:2px 0px 0px 0px;}
#bookmark .cap { width:180px; height:10px; }

#bookmark .content { width:180px; background-color:#F3F3F3; } 
#bookmark .content .container {padding: 0px 10px 0px 10px; /*border-bottom:solid 1px #ffffff;*/}  
#bookmark .content .container .item { float:left; width:110px; margin-bottom:5px; color:#0099FF; }
#bookmark .content .container .item-options { float:left; width:50px; margin-bottom:5px; }

.welcomeCopy { color:#2C4057; }
.WhiteDotLine { width:100%; height:3px; background:url(../Images/WhiteDot.jpg); background-repeat:repeat-x; clear:both; overflow:hidden; margin-top:5px; margin-bottom:5px;}
.Arrow { float:left; width:11px; height:13px; background:url(../Images/Bookmark-Arrow.jpg); background-repeat:no-repeat; margin-right:5px; }
.GrayDotLine { width:100%; height:3px; background:url(../Images/GrayDot.jpg); background-repeat:repeat-x; clear:both; overflow:hidden; margin-top:5px; margin-bottom:5px;}
.GraySolidLine { width:100%; height:1px; background-color:#F3F3F3; clear:both; overflow:hidden; margin-top:5px; margin-bottom:5px;}
#bookmark .errormessage { color:#666666; font-weight:normal; }

/* imagelist */
.imagelist .controller { clear:both; background-color:#F3F3F3; height:37px; margin-bottom:10px; }
.imagelist .controller .input { width:40px; height:17px; color:#999999; font-size:12px; border:1px solid #E3E9EB; padding:4px 4px 0px 4px;}
.imagelist .controller .pagetotal { color:#999999; }
.pricecontainer { display:none;position:absolute;border:1px solid black;background-color:#4F3462;color:White;padding:2px; }
.imagelist .loggedincontainer { display:none;position:absolute;border:1px solid black;background-color:#4F3462;color:White;padding:2px; }
.imagelist .imagesperpage { height:22px; color:#999999; font-size:12px; border:1px solid #E3E9EB; }

.imagecontent { float:left; width:190px; padding-top:10px; }
.imagecontent p { margin:10px; margin-top:0px; }
			
/* breadcrumb */
#breadcrumb { clear:both; }
#breadcrumb .trail { padding:0px 0px 0px 0px; font-weight:bold; color:#999999; clear:both; height:19px; }
#breadcrumb .trail .item { float:left; padding-right:10px; }
#breadcrumb .trail .item .circle { float:left; padding-top:2px; }
#breadcrumb .trail .item .circlelabel { float:left; margin-left:3px; height:12px; }

#breadcrumb .trail .first { color:#0099FF; }


/* Order confirmation */
#confirmation {padding: 5px 0px 10px 5px; }
#confirmation .column { width:49%;float:left; }
#confirmation label { width:100px; }
#confirmation .gvHeader { padding:0px; margin:0px; height:37px;  }
#confirmation .gvHeader th { padding:0px; border-bottom:5px solid white; color:Black; background-color:#F3F3F3; }
#confirmation .gvRow td { border-bottom:1px solid #F3F3F3; padding-bottom:5px; padding-top:5px; }
#confirmation .subtext { color:Black;font-size:12px; line-height:18px; }
#confirmation .totaltext { color:#0099FF;font-size:12px; line-height:18px; }

/* copy */
p {margin:5px;}
.CopyBlue { color:#666666;/*#0099FF*/ font-weight:bold; }
.CopyGrey { color:#666666; }
.CopyPurple { color:#2C4057; }
.CopyBlack { color:#000000!important; }

.TextMedium { font-size:12px;}
.TextSmall { font-size:11px;}
.Strong { font-weight:bold;}

.orangelink { color:#0099ff; } 
.orangelink:hover, .orangelink:visited { color:#0099ff; } 

.downloadlink { color:#FF9900; }
.downloadlink:visited { color:#FF9900; }

/* Image Tag Edit */
.tagHeader { float:left; width:31%; background-color:#F0F0F0; padding:5px; font-weight:bold; border:1px Solid #F0F0F0; }
.tagColumn { float:left; width:31%; padding:5px; border:1px Solid #C0C0C0; overflow-y:scroll; overflow-x:hidden; height:250px; }
.tagCColumn { border-left:none; border-right:none; }
.tagColumn .item { clear:both; background-color:#F6F6F6; border-bottom:1px solid #C0C0C0; padding:3px 0px; }
.tagColumn .item a { color:Black; }

.tagTabs .tab { padding:5px; background-color:#F0F0F0; border:1px solid white; float:left; }
.tagTabs .tabselected { background-color:#666666; }
.tagTabs .tab a { color:Black; }

.editinput { width:166px; color:#999999; margin:0px; font-size:12px; border:1px solid #E3E9EB; padding:3px; }

.paging a { color:#0099ff; }

/* Grid Views */
.gvHeader { background-color:#0099FF; color:White; text-align:left; font-weight:bold; line-height:25px; }
.gvHeader th { padding-left:5px; }
.gvRowA { background-color:White; height:25px; }
.gvRowB { background-color:#F0F0F0; height:25px; }
.gvRowA td, .gvRowB td { padding-left:5px; }
.gvRowA a, .gvRowB a { color:#FF9900; }
.gvPager { background-color:#F0F0F0; height:25px; }
.gvPager td { border-top:1px solid #0099FF; }
.gvPager td td { padding-left:5px; border:none;  }
.gvPager a { color:#0099FF; }


/* Help */

#help ul { margin-top:0px; margin-bottom:0px;}
#help a:hover { text-decoration:underline;}
.Font14 { font-size:14px; }