/* core elements - edit to site style, but NO NOT REMOVE */

form { margin:0px; }

.imagebutton{
	border: none;
}

#leftverticalmenuwrap td.verticalmenutextoff, #leftverticalmenuwrap td.verticalmenutexton { padding:5px 0; }

.verticalmenutexton
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #CD0001;
	font-weight: bold;
	text-decoration: none;
	background-color: Transparent;
}

.verticalmenutextoff
{
	font-size:11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #1268B3;
	text-decoration: none;
	font-weight: bold;
	background-color:Transparent;
}

#switch_shipping_form #menuframeleft {
	background: Transparent url(/site/framework/images/bg-green-left.png) no-repeat 0 0;
}
#switch_shipping_form #menuframeright {
	background: Transparent url(/site/framework/images/bg-green-right.png) no-repeat 0 0;
}
#switch_shipping_form #menuframemiddle {
	background-color: #B8D200;
}
#switch_shipping_form h3 {
	color: #000000;
}

textarea, select { font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color:#FFFFFF; }

/* site level elements - edit to site style */

body { margin:0px; }

table, td, p { font: 11px/13px Verdana, Arial, Geneva, Gadget, sans-serif; color:#333333; }

td 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

h1 
{
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 8px;
	font-weight: bold;
	color:#333;
}

h2 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CC0000;
	margin-bottom: 5px;
}

h3 
{
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 5px;
	font-weight: bold;
	color:#1268B3;
}

.price
{
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	color: #1268B3;
}

#mainbodyBKG a { text-decoration: underline; color:#ECA312; }
#mainbodyBKG a:hover { text-decoration: none; }

a { text-decoration:underline; color:#1268B3; }
a:hover { text-decoration: none; }

* .productab
{
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
}

/* DIV styles */

/* sitebase header styles */
#header { background-image:url(/site/framework/images/HP/bodyBKG.gif); height:66px; width:788px; position:relative; } 
#logo { position:absolute; margin:10px 0 0 20px; }
#logo2 { position:absolute; margin:5px 0 0 474px; }
#tollfree { position:absolute; margin:16px 0 0 474px; }
#vertline { position:absolute; margin:8px 0 0 613px; height:55px; border-width:0 1px 0 0; border-color:#999999; border-style:solid; }
#login { position:absolute; margin:10px 0 0 630px; width:145px; }
#login p { margin:8px 0 0 0; }
#headerfooter { background-image:url(/site/framework/images/HP/shadowfoot.gif); background-repeat:no-repeat; height:14px; margin-bottom:2px; }

/* sitebase body styles */
#horznavBKG { background-image:url(/site/framework/images/HP/body_navshadowhead.gif); background-repeat:no-repeat; height:29px; position:relative;}
#horznav { position:absolute; margin:11px 0 0 30px; }

#mainbodyBKG { background-image:url(/site/framework/images/HP/bodyBKG.gif); background-repeat:repeat-y; width:788; position:relative;}

#leftverticalmenutop { background:url(/site/framework/images/menutop.gif) no-repeat 0 0; }
#leftverticalmenuwrap { padding:0; margin:0; width:129px; min-height:406px; background:url(/site/framework/images/menufade.gif) no-repeat 0 0; }
#leftverticalmenuwrap table { margin:0 8px; }
#leftverticalmenurepeatwrap { background:url(/site/framework/images/menurepeat.gif) repeat-y 0 0; padding:0 0 10px 0; }
#leftverticalmenubottom { background:url(/site/framework/images/menubottom.gif) no-repeat 0 0; margin:0 0 10px 0; height:19px; }

#shoppingwizardbutton { margin:8px 0; text-align:center;}

#leftfootermenudivider { border-bottom:1px solid #888; margin:0 10px; }
#leftfootermenu { padding:10px 0 0 0; margin:0; }
#leftfootermenu a { color:#566169; }
#leftfootermenu a.verticalmenutextoff { color:#566169; }
#leftfootermenu a.verticalmenutexton { color:#CD0001; }

#navsearch { margin:0 0 0 16px; width:154px; height:30px; background-color:#F3F2F2; border: #D0D0D0 solid; border-width:0 1px 1px 1px; }
#navsearch input { width:109px; height:15px; border:1px solid #000000; margin:5px 0 5px 5px; }

#vertnav { margin:10px 0 0 16px; width:154px; background-color:#E8E7E7; border:1px #D0D0D0 solid; background-image:url(/site/framework/images/HP/navfadeBKG.gif); background-position:top; background-repeat:repeat-x; padding:5px 0 15px 0; }

#whatsnew { margin:10px 0 0 26px; width:140px; padding:5px 0 15px 0; }
#whatsnew h3 { font-family:"Trebuchet MS", Geneva, Verdana, Arial, sans-serif; color:#FF9900; font-size:15px; font-weight:normal; padding:0 0 5px 0; } 
#whatsnewlinks a { background:url(/site/framework/images/HP/orangearrow.gif) 0px 2px no-repeat; padding:0 0 10px 15px; }

#vertnavlineGRY { width:144px; margin:10px 5px 0px 5px; border-width:1px 0 0 0; border-color:#999999; border-style:solid; }
#vertnavlineWHT { width:144px; margin:0px 5px 10px 5px; border-width:1px 0 0 0; border-color:#FFFFFF; border-style:solid; }

#footercopy { color:#FFFFFF; padding:0 0 0 10px; }

/* pagebase styles */
/* template home */
#wizardheader { margin:16px 0 20px 27px; }

#homebodycopy { margin:0 0 20px 30px; width:531px; }

#homeimagelinks { margin:0 0 20px 30px; width:531px; }

#homecrosssell { margin:0 0 10px 30px; width:531px; }
#homecrosssell h3 { font-family:"Trebuchet MS", Geneva, Verdana, Arial, sans-serif; color:#FF9900; font-size:15px; font-weight:normal; border-width:0 0 1px 0; border-color:#A6A6A6; border-style:solid; padding:0 0 5px 0; } 

#rightcolumnlinks { width:128px; background-color:#F5F5F5; border-color:#A6A6A6; border-width:0 1px 0 1px; border-style:solid; padding:10px 0 0 10px; }
#rightcolumnlinks a { background:url(/site/framework/images/HP/orangearrow_grey.gif) 0px 3px no-repeat; padding:0 0 10px 15px; width:108px }

#rightcolumncart { width:103px; border-color:#A6A6A6; border-width:0 1px 0 1px; border-style:solid; padding:10px 0 0 35px; background:url(/site/framework/images/HP/leftshoppingcart.gif)  3px 10px no-repeat; background-color:#F5F5F5 }

#rightcolumncheckout { width:103px; border-color:#A6A6A6; border-width:0 1px 0 1px; border-style:solid; padding:10px 0 0 35px; background:url(/site/framework/images/HP/leftregister.gif)  9px 10px no-repeat; background-color:#F5F5F5 }

/* styles for drop down menus ProClip site */
#menuframeleft { background:url(/site/framework/images/makemodelbkgd-left.gif) no-repeat 0 0; height:69px; width:15px; }
#menuframeright { background:url(/site/framework/images/makemodelbkgd-right.gif) no-repeat 0 0; height:69px; width:12px; }
#tomtommenusframe td.framecell { background:url(/site/framework/images/makemodelbkgd.gif) repeat-x 0 0; height:69px; }
#tomtommenutop { margin:8px 0 0 0; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; font-style:italic; color:#006CB6; }
#tomtommenuformplacement { padding:5px 5px 5px 13px; text-align:center; width:100%; }
/* styles for drop down menus ProClip site */

/* styles for drop down menus HP site */
#hpmenusframe { border:#ECCEA1 solid; border-width:1px 1px 1px 1px; background-color:#FFFFFF; background-image:url(/site/framework/images/HP/hpmenudropBKG.gif); position:relative; height:auto; width:560px }
#hpmenutop { position:absolute; margin:5px 1px 0 10px; height:18px; width:402px; font-family:"Trebuchet MS", Arial, Verdana; font-size:14px; color:#FF9900; }
#hpmenuformplacement { position:relative; margin:30px 5px 5px 5px; }
/* styles for drop down menus HP site */

/* classes for the seperator between line items */
#separatortomtom { margin:10px 0 10px 0; border-width:0 0 1px 0; border-style:dashed; border-color:#999999; }

/* for the hp representation */
#separatorhp { margin:10px 0 10px 0; border-width:0 0 1px 0; border-style:solid; border-color:#ECA312; }

/* classes for the seperator between line items */

.leftspace { padding-left:15px; }

.on {display:inline;}
.off {display:none;}

#proclipheaderwrap { position:relative; }
#siteloginform { width:300px; height:79px; padding:10px 0 0 10px; position:absolute; top:2px; left:340px; background:url(/site/framework/images/TomTom/tomtomloginbackground.png) no-repeat 0 0; }

.steptitles h1 { color:#333; font-size:11px; font-weight:bold; font-family:Verdana; border-bottom:3px solid #ddd; line-height:normal; margin-bottom:14px; padding-bottom:3px; }

.footer { margin-top:50px; border-top:1px solid #ddd; padding-top:3px; }
.footer a { color:#CC0200; }

.copyright { background-color:#ddd; display:block; padding:2px 0; color:#999; }

#shoppingbag { width:350px; border:1px solid #1268B3; background-color:#F0F0F0; font-size:11px; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; position: absolute; top:-30px; left:433px; z-index: 100;}

#shoppingbag h4 { font-size:12px; margin:4px 0; padding:4px 5px; }

#shoppingbag .shoppingbagproduct { float:left; padding:0 5px; margin-bottom:5px; }
#shoppingbag .shoppingbagprice { float:right; display:inline; padding:0 5px; }

#shoppingbagbottom { background-color:#DFDFDF; padding:5px; }
#shoppingbagbottom .shoppingbagsubtotal { float:left; }
#shoppingbagbottom .shoppingbagbuttons { float:right; display:inline; }

.shoppingbaglink { color:#000; background-color:#bbb; text-decoration:none; padding:2px; }

.clearboth { clear:both; }

/* == MEDIA MANAGER DEFINITIONS == */
#mediamanagerglobalwrap { width:100%; color:#54443C;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;line-height:13px;}

#mediamanagertable { border:1px solid #000; width:720px; min-height:535px; height:auto !important; height:535px; background-color:#fff; margin:0 auto; }

#mediamanagerheaders { background:url(/core/framework/images/acumium/orangebkg.gif) repeat-x 0 0; }
#mediamanagerheaders h5 { font-family:"Trebuchet MS", Verdana, Arial, Times New Roman; font-size:12px; color:#000; margin-left:5px; line-height:24px; }
#mediamanagerfolderheader h5 { background:url(/core/components/filemanager/images/folder.gif) no-repeat 2px 3px; padding-left:25px; margin:0; }
#mediamanagerfileheader h5 { background:url(/core/components/filemanager/images/file.gif) no-repeat 2px 3px; padding-left:25px; float:left; margin:0; }

#mediamanagerfolderheader { float:left; width:300px; height:23px; border-width:0 1px 1px 0; border-style:solid; border-color:#000; }
#mediamanagerfileheader { float:left; display:inline; width:419px; height:23px; border-bottom:1px solid #000; }
#mediamanagerhelp { float:right; display:inline; }

#mediamanagertoolbars { background:url(/core/framework/images/acumium/greybkg.gif) repeat-x 0 0; }
#folder_toolbar { float:left; width:300px; height:15px; border-width:0 1px 1px 0; border-style:solid; border-color:#000; }
#file_toolbar { float:left; display:inline; width:419px; height:15px; border-bottom:1px solid #000; }

#folderlistwrap { float:left; width:300px; min-height:487px; height:auto !important; height:487px; border-right:1px solid #000; }
#filelistwrap { float:left; display:inline; width:419px; min-height:487px; height:auto !important; height:487px; }

#mediamanager_folderlist { list-style-type:none; margin-left:0; padding-left:0; }
#mediamanager_folderlist li { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; }
.selectedfolder { padding:2px 0; }

#mediamanager_filewrap { padding:2px; width:99%; }
#mediamanager_filelist { list-style-type:none; margin-left:0; padding-left:0; }
.mediamanager_filelistitem { margin-left:0; padding-left:5px; }
.mediamanager_filelistitem li { float:left; display:inline; margin-top:0; margin-bottom:0; padding-top:1px; padding-bottom:1px; }
.mediamanager_filelistitem_name { width:339px; margin-right:10px; overflow:hidden; }
.mediamanager_filelistitem_name a { font-weight: normal; font-family:Verdana; font-size:11px; color:Blue; background-color:Transparent; }
li.mediamanager_filelistitem_action { margin-top:2px; margin-left:3px; }


div.foldertoggle				{ display:inline; float:left; }
div.folderlink					{ display:inline; float:left; padding:2px 0 0 1px; }
div.foldernode					{ display:block; clear:both; margin-top:2px; }	

#mediamanagercontent ul {margin:0 0 0 5px;padding:0}
.mediamanager_filelistitem li {text-align:left;}
#mediamanagercontent div.resultpaging {border-bottom:1px solid #000000;clear:both;display:block;line-height:10px;padding-top:10px;width:100%;}